@ -0,0 +1,2 @@
|
||||
# MyBatisProject
|
||||
|
||||
@ -0,0 +1,12 @@
|
||||
package com.ssm.test;
|
||||
import java.io.IOException;
|
||||
|
||||
public class Test {
|
||||
|
||||
public static void main(String[] args) throws IOException {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<!DOCTYPE configuration
|
||||
PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
|
||||
"http://mybatis.org/dtd/mybatis-3-config.dtd">
|
||||
<!-- mybatis全局配置文件 -->
|
||||
<configuration>
|
||||
|
||||
</configuration>
|
||||
@ -0,0 +1,2 @@
|
||||
# SpringMVCProject
|
||||
|
||||
@ -0,0 +1,5 @@
|
||||
package com.ssm.controller;
|
||||
|
||||
public class FirstController {
|
||||
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<beans xmlns="http://www.springframework.org/schema/beans"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xmlns:context="http://www.springframework.org/schema/context"
|
||||
xmlns:mvc="http://www.springframework.org/schema/mvc"
|
||||
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
|
||||
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/tool http://www.springframework.org/schema/tool/spring-tool.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
|
||||
|
||||
</beans>
|
||||
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
|
||||
<display-name>grademanagement-SpringMVCProject</display-name>
|
||||
<welcome-file-list>
|
||||
<welcome-file>index.html</welcome-file>
|
||||
<welcome-file>index.htm</welcome-file>
|
||||
<welcome-file>index.jsp</welcome-file>
|
||||
<welcome-file>default.html</welcome-file>
|
||||
<welcome-file>default.htm</welcome-file>
|
||||
<welcome-file>default.jsp</welcome-file>
|
||||
</welcome-file-list>
|
||||
</web-app>
|
||||
@ -0,0 +1,2 @@
|
||||
# SpringProject
|
||||
|
||||
@ -0,0 +1,2 @@
|
||||
# SSMProject-initial
|
||||
|
||||
@ -0,0 +1,27 @@
|
||||
|
||||
|
||||
SET NAMES utf8mb4;
|
||||
SET FOREIGN_KEY_CHECKS = 0;
|
||||
|
||||
|
||||
-- ----------------------------
|
||||
-- Table structure for demo
|
||||
-- ----------------------------
|
||||
DROP TABLE IF EXISTS `demo`;
|
||||
CREATE TABLE `demo` (
|
||||
`did` int(11) NOT NULL AUTO_INCREMENT,
|
||||
`dname` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
|
||||
`comment` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
|
||||
PRIMARY KEY (`did`) USING BTREE
|
||||
) ENGINE = InnoDB AUTO_INCREMENT = 27 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;
|
||||
|
||||
-- ----------------------------
|
||||
-- Records of demo
|
||||
-- ----------------------------
|
||||
INSERT INTO `demo` VALUES (20, '1', '1111');
|
||||
INSERT INTO `demo` VALUES (21, '2', '222');
|
||||
INSERT INTO `demo` VALUES (22, '3', '333');
|
||||
INSERT INTO `demo` VALUES (23, '4', '444');
|
||||
INSERT INTO `demo` VALUES (24, '5', '555');
|
||||
INSERT INTO `demo` VALUES (25, '6', '666');
|
||||
INSERT INTO `demo` VALUES (26, '7', '777');
|
||||
@ -0,0 +1,38 @@
|
||||
package com.ssm.Utils;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
public class PageBean<T> {
|
||||
private int page;//第几页
|
||||
private int totlePage;//一共多少页
|
||||
private int limitPage;//每页多少个
|
||||
private List<T> list;//目标集合
|
||||
public int getPage() {
|
||||
return page;
|
||||
}
|
||||
public void setPage(int page) {
|
||||
this.page = page;
|
||||
}
|
||||
public int getTotlePage() {
|
||||
return totlePage;
|
||||
}
|
||||
public void setTotlePage(int totlePage) {
|
||||
this.totlePage = totlePage;
|
||||
}
|
||||
public int getLimitPage() {
|
||||
return limitPage;
|
||||
}
|
||||
public void setLimitPage(int limitPage) {
|
||||
this.limitPage = limitPage;
|
||||
}
|
||||
public List<T> getList() {
|
||||
return list;
|
||||
}
|
||||
public void setList(List<T> list) {
|
||||
this.list = list;
|
||||
}
|
||||
public String toString() {
|
||||
return "PageBean [page=" + page + ", totlePage=" + totlePage
|
||||
+ ", limitPage=" + limitPage + ", list=" + list + "]";
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
package com.ssm.Utils;
|
||||
|
||||
import java.util.UUID;
|
||||
|
||||
public class UUIDUtiils {
|
||||
public static String getUUID(){
|
||||
return UUID.randomUUID().toString();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
package com.ssm.controller;
|
||||
|
||||
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
|
||||
|
||||
@Controller
|
||||
public class AdminController {
|
||||
|
||||
|
||||
// 进入管理员页面
|
||||
@RequestMapping("/admin")
|
||||
public String AdminIndex() {
|
||||
return "admin/home";
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,88 @@
|
||||
package com.ssm.controller;
|
||||
|
||||
|
||||
import com.ssm.Utils.PageBean;
|
||||
import com.ssm.entity.Demo;
|
||||
import com.ssm.service.DemoService;
|
||||
import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.ui.Model;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.RequestParam;
|
||||
import org.springframework.web.servlet.ModelAndView;
|
||||
import javax.servlet.http.HttpServletRequest;
|
||||
import java.util.List;
|
||||
|
||||
@Controller
|
||||
@RequestMapping("demo")
|
||||
public class DemoController {
|
||||
|
||||
@Autowired
|
||||
public DemoService demoService;
|
||||
@RequestMapping("findAllByPage")
|
||||
public ModelAndView findAllByPage(@RequestParam int page){
|
||||
ModelAndView mv=new ModelAndView("admin/demo/list");
|
||||
PageBean<Demo> allProPageBean= demoService.getDemoAll(page);
|
||||
System.out.println(allProPageBean);
|
||||
mv.addObject("allProPageBean",allProPageBean);
|
||||
return mv;
|
||||
}
|
||||
//后台通过demoid查询
|
||||
@RequestMapping("findById")
|
||||
public String getDemoById(Integer did, Model model){
|
||||
Demo demo= demoService.getDemoById(did);
|
||||
model.addAttribute("findByDid", demo);
|
||||
return "admin/demo/look";
|
||||
}
|
||||
//添加demo
|
||||
@RequestMapping("add")
|
||||
public ModelAndView add(){
|
||||
ModelAndView mv=new ModelAndView("admin/demo/add");
|
||||
return mv;
|
||||
}
|
||||
//添加成功
|
||||
@RequestMapping("addOk")
|
||||
public String addok(Demo demo, HttpServletRequest request) throws Exception {
|
||||
System.out.println(demo);
|
||||
demoService.addDemo(demo);
|
||||
return "redirect:/demo/findAllByPage.action?page=1";
|
||||
}
|
||||
//调出更新demo
|
||||
@RequestMapping("updateById")
|
||||
public String updateById(Integer did, Model model){
|
||||
Demo demo=demoService.getDemoById(did);
|
||||
model.addAttribute("findByDid", demo);
|
||||
return "admin/demo/edit";
|
||||
}
|
||||
//demo更新成功
|
||||
@RequestMapping("updateOk")
|
||||
public String updateOk(Demo demo, HttpServletRequest request) throws Exception{
|
||||
System.out.println(demo);
|
||||
demoService.updateDemo(demo);
|
||||
return "redirect:/demo/findAllByPage.action?page=1";
|
||||
}
|
||||
//删除商品
|
||||
@RequestMapping("deleteById")
|
||||
public String deleteById(Integer did){
|
||||
demoService.deleteDemoById(did);
|
||||
return "redirect:/demo/findAllByPage.action?page=1";
|
||||
}
|
||||
|
||||
//后台通过条件搜索商品信息
|
||||
@RequestMapping("searchDemoByCondition")
|
||||
public ModelAndView searchDemoByCondition(@RequestParam String condition){
|
||||
ModelAndView mv=new ModelAndView("admin/demo/search");
|
||||
List<Demo> demoList= demoService.searchDemoByCondition(condition);
|
||||
mv.addObject("srList",demoList);
|
||||
return mv;
|
||||
}
|
||||
|
||||
//前台通过id查询demo信息
|
||||
@RequestMapping("/findDemoByDid")
|
||||
public String demoFindByDid(@RequestParam int did,Model model) throws Exception {
|
||||
System.out.println("前台通过id查询商品信息");
|
||||
Demo demo= demoService.getDemoById(did);
|
||||
model.addAttribute("demo", demo);
|
||||
return "demo";
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,57 @@
|
||||
package com.ssm.entity;
|
||||
|
||||
import java.util.Date;
|
||||
|
||||
public class Demo {
|
||||
private Integer did; //demo id
|
||||
|
||||
private String dname; //demo名
|
||||
|
||||
private String comment; //备注
|
||||
|
||||
public Integer getDid() {
|
||||
return did;
|
||||
}
|
||||
|
||||
public void setDid(Integer did) {
|
||||
this.did = did;
|
||||
}
|
||||
|
||||
public String getDname() {
|
||||
return dname;
|
||||
}
|
||||
|
||||
public void setDname(String dname) {
|
||||
this.dname = dname;
|
||||
}
|
||||
|
||||
public String getComment() {
|
||||
return comment;
|
||||
}
|
||||
|
||||
public void setComment(String comment) {
|
||||
this.comment = comment;
|
||||
}
|
||||
|
||||
@Override
|
||||
public String toString() {
|
||||
return "Demo{" +
|
||||
"did=" + did +
|
||||
", dname='" + dname +
|
||||
", comment='" + comment +
|
||||
'}';
|
||||
}
|
||||
|
||||
|
||||
public Demo(Integer did, String dname, String comment) {
|
||||
this.did = did;
|
||||
this.dname = dname;
|
||||
this.comment = comment;
|
||||
}
|
||||
public Demo(String dname, String comment) {
|
||||
this.dname = dname;
|
||||
this.comment = comment;
|
||||
}
|
||||
public Demo(){}//不加,一对多映射会出错
|
||||
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
package com.ssm.service;
|
||||
|
||||
import com.ssm.Utils.PageBean;
|
||||
import com.ssm.entity.Demo;
|
||||
import com.ssm.mapper.DemoMapper;
|
||||
import org.springframework.stereotype.Service;
|
||||
import javax.annotation.Resource;
|
||||
import java.util.List;
|
||||
|
||||
@Service
|
||||
public class DemoService {
|
||||
|
||||
@Resource
|
||||
private DemoMapper demoMapper;
|
||||
|
||||
public PageBean<Demo> getDemoAll(int page) {
|
||||
PageBean<Demo> pageBean = new PageBean<>();
|
||||
pageBean.setPage(page);
|
||||
// 设置7个
|
||||
int limitPage = 6;
|
||||
pageBean.setLimitPage(limitPage);
|
||||
// 设置一共多少页
|
||||
int totlePage = 0;
|
||||
// 查询一共有多少页
|
||||
totlePage = demoMapper.countTotlePage();
|
||||
if (Math.ceil(totlePage % limitPage) == 0) {
|
||||
totlePage = totlePage / limitPage;
|
||||
} else {
|
||||
totlePage = totlePage / limitPage + 1;
|
||||
}
|
||||
pageBean.setTotlePage(totlePage);
|
||||
int beginPage = (page - 1) * limitPage;
|
||||
List<Demo> list = demoMapper.getDemoAll(beginPage, limitPage);
|
||||
pageBean.setList(list);
|
||||
return pageBean;
|
||||
|
||||
}
|
||||
public Demo getDemoById(Integer id) {
|
||||
return demoMapper.findDemoByDid(id);
|
||||
}
|
||||
|
||||
public void addDemo(Demo demo) {
|
||||
|
||||
demoMapper.addDemo(demo);
|
||||
}
|
||||
public void updateDemo(Demo demo) {
|
||||
demoMapper.updateDemo(demo);
|
||||
}
|
||||
public void deleteDemoById(Integer id) {
|
||||
demoMapper.deleteDemoById(id);
|
||||
}
|
||||
public List<Demo> searchDemoByCondition(String condition){ return demoMapper.searchDemoByCondition(condition); }
|
||||
public List<Demo> findDemoByDId(Integer did){return demoMapper.findDemoByDId(did);}
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
driver=com.mysql.cj.jdbc.Driver
|
||||
url=jdbc:mysql://localhost:3306/ssm_farm?serverTimezone=Asia/Shanghai
|
||||
user=root
|
||||
password=root
|
||||
@ -0,0 +1,179 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Language" content="zh-cn">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>demo列表</title>
|
||||
<link rel="stylesheet"
|
||||
href="${ pageContext.request.contextPath }/css/goodslist.css" />
|
||||
<!-- 引入Jquery -->
|
||||
<script type="text/javascript"
|
||||
src="${ pageContext.request.contextPath }/static/js/jquery-2.1.1.min.js"></script>
|
||||
|
||||
<link href="${pageContext.request.contextPath}/css/Style1.css"
|
||||
rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- 引入样式 -->
|
||||
<link
|
||||
href="${ pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
|
||||
rel="stylesheet">
|
||||
<script
|
||||
src="'${ pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var basepath= '${APP_PATH}';
|
||||
|
||||
function refresh(){
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/findAllByPage.action?page=1";
|
||||
}
|
||||
|
||||
function addDemo(){
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/add.action";
|
||||
}
|
||||
function edit(did) {
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/updateById.action?did="+did;
|
||||
}
|
||||
function deletecs(did) {
|
||||
var r=confirm("确定删除吗?");
|
||||
if (r==true){
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/deleteById.action?did="+did;
|
||||
}
|
||||
else{
|
||||
}
|
||||
}
|
||||
function look(did) {
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/findById.action?did="+did;
|
||||
}
|
||||
|
||||
function validate() {
|
||||
var condition = document.getElementById("condition").value;
|
||||
if (condition == null || condition == '') {
|
||||
alert("请输入关键字");
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="a">
|
||||
<div class="b">
|
||||
<form method="post"
|
||||
action="${pageContext.request.contextPath}/demo/searchDemoByCondition.action">
|
||||
<input id="condition" name="condition" type="text" class="input1"
|
||||
value="请输入关键词" onfocus="this.value = '';"
|
||||
onblur="if (this.value == '') {this.value = '请输入关键词';}">
|
||||
|
||||
<button type="submit"
|
||||
class="btn btn-primary btn-sm glyphicon glyphicon-search"
|
||||
onclick="validate()"></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div align="right" style="padding-right: 30px;">
|
||||
<input type="button" value="+添加demo" class="btn btn-primary"
|
||||
onclick="addDemo()" />
|
||||
<button type="button" onclick="refresh()"
|
||||
class="btn glyphicon glyphicon-refresh"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d" style="width: 96%; margin-left: 25px;">
|
||||
<!-- 显示结果 -->
|
||||
<form style="margin-top: 3px;">
|
||||
<table width="100%" align="center"
|
||||
class="table table-hover table-striped" id="table"
|
||||
style="border: 1px solid #D0D0D0">
|
||||
<thead>
|
||||
<tr align="center" bgcolor="#93b6bd" height="33px;">
|
||||
<th scope="col" style="text-align: center;">demoID</th>
|
||||
<th scope="col" style="text-align: center;">demo名</th>
|
||||
<th scope="col" style="text-align: center;">备注</th>
|
||||
<th scope="col" style="text-align: center;">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!-- <tbody></tbody> -->
|
||||
<c:forEach items="${allProPageBean.list }" var="d"
|
||||
varStatus="status">
|
||||
<tr height="30">
|
||||
<td style="CURSOR: hand; HEIGHT: 22px" align="center" width="5%">${d.did}</td>
|
||||
<td style="CURSOR: hand; HEIGHT: 22px" align="center" width="15%">${d.dname }</td>
|
||||
<td style="CURSOR: hand; HEIGHT: 22px" align="center" width="15%">${d.comment }</td>
|
||||
<td>
|
||||
<button type="button"
|
||||
class="btn btn-primary btn-sm glyphicon glyphicon-pencil"
|
||||
onclick="edit(${d.did})"></button>
|
||||
<button type="button"
|
||||
class="btn btn-success btn-sm glyphicon glyphicon-asterisk"
|
||||
onclick="look(${d.did})"></button>
|
||||
<button type="button"
|
||||
class="btn btn-success btn-sm glyphicon glyphicon-trash"
|
||||
onclick="deletecs(${d.did})"></button>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 分页 -->
|
||||
<div align="right"
|
||||
style="padding-right: 40px; margin-bottom: 10px; font-size: 13px;">
|
||||
第${allProPageBean.page }/${allProPageBean.totlePage}页
|
||||
<c:if test="${allProPageBean.page!= 1}">
|
||||
<a style="font-size: 13px;"
|
||||
href="${pageContext.request.contextPath }/demo/findAllByPage.action?page=1">首页</a>|
|
||||
<a style="font-size: 13px;"
|
||||
href="${pageContext.request.contextPath }/demo/findAllByPage.action?page=${allProPageBean.page-1}">上一页</a>
|
||||
</c:if>
|
||||
|
||||
<c:choose>
|
||||
<c:when test="${allProPageBean.totlePage<=6}">
|
||||
<c:set var="begin" value="1" />
|
||||
<c:set var="end" value="${allProPageBean.totlePage}" />
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<c:set var="begin" value="${allProPageBean.page-3}" />
|
||||
<c:set var="end" value="${allProPageBean.page+3}" />
|
||||
<!-- 头溢出 -->
|
||||
<c:if test="${begin<1}">
|
||||
<c:set var="begin" value="1" />
|
||||
<c:set var="end" value="7" />
|
||||
</c:if>
|
||||
<!-- 尾溢出 -->
|
||||
<c:if test="${end>allProPageBean.totlePage}">
|
||||
<c:set var="begin" value="${allProPageBean.totlePage-6}" />
|
||||
<c:set var="end" value="${allProPageBean.totlePage}" />
|
||||
</c:if>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<%-- <c:forEach begin="1" end="${allProPageBean.totlePage}" var="i"> --%>
|
||||
<c:forEach var="i" begin="${begin}" end="${end}">
|
||||
<c:choose>
|
||||
<c:when test="${allProPageBean.page!=i}">
|
||||
<a style="font-size: 13px;"
|
||||
href="${ pageContext.request.contextPath }/product/findAllByPage.action?page=${i}">${i}</a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<span class="currentPage">${i}</span>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
|
||||
<c:if test="${allProPageBean.page!= allProPageBean.totlePage }">
|
||||
<a style="font-size: 13px;"
|
||||
href="${pageContext.request.contextPath }/demo/findAllByPage.action?page=${allProPageBean.page+1}">下一页</a> |
|
||||
<a style="font-size: 13px;"
|
||||
href="${pageContext.request.contextPath }/demo/findAllByPage.action?page=${allProPageBean.totlePage }">尾页</a>
|
||||
</c:if>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -0,0 +1,115 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Language" content="zh-cn">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>demo列表</title>
|
||||
<link rel="stylesheet"
|
||||
href="${ pageContext.request.contextPath }/css/goodslist.css" />
|
||||
<script type="text/javascript"
|
||||
src="${ pageContext.request.contextPath }/js/goodslist.js"></script>
|
||||
<link href="${pageContext.request.contextPath}/css/Style1.css"
|
||||
rel="stylesheet" type="text/css" />
|
||||
<!-- 引入Jquery -->
|
||||
<script type="text/javascript"
|
||||
src="${ pageContext.request.contextPath }/static/js/jquery-2.1.1.min.js"></script>
|
||||
<!-- 引入样式 -->
|
||||
<link
|
||||
href="${ pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
|
||||
rel="stylesheet">
|
||||
<script
|
||||
src="'${ pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var basepath= '${APP_PATH}';
|
||||
|
||||
function refresh(){
|
||||
window.location.href = "${pageContext.request.contextPath}/admin/adminDemo_findAllByPage.action?page=1";
|
||||
}
|
||||
|
||||
function addDemo(){
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/add.action";
|
||||
}
|
||||
function edit(did) {
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/updateById.action?did="+did;
|
||||
}
|
||||
function deletecs(did) {
|
||||
var r=confirm("确定删除吗?");
|
||||
if (r==true){
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/deleteById.action?did="+did;
|
||||
}
|
||||
else{
|
||||
}
|
||||
}
|
||||
function look(did) {
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/findById.action?did="+did;
|
||||
}
|
||||
function ret() {
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/findAllByPage.action?page=1";
|
||||
}
|
||||
function refresh(){
|
||||
window.location.href = "${pageContext.request.contextPath}/demo/findAllByPage.action?page=1";
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="a">
|
||||
<div class="b">
|
||||
<form method="post"
|
||||
action="${pageContext.request.contextPath}/demo/searchDemoByCondition.action">
|
||||
<input id="condition" name="condition" type="text" class="input1"
|
||||
value="请输入关键词" onfocus="this.value = '';"
|
||||
onblur="if (this.value == '') {this.value = '请输入关键词';}">
|
||||
<button type="submit"
|
||||
class="btn btn-primary btn-sm glyphicon glyphicon-search"
|
||||
onclick="validate()"></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div align="right" style="padding-right: 30px;">
|
||||
<input type="button" value="+添加demo" class="btn btn-primary"
|
||||
onclick="addDemo()" />
|
||||
<button type="button" onclick="refresh()"
|
||||
class="btn glyphicon glyphicon-refresh"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d" style="width: 96%; margin-left: 25px;">
|
||||
<!-- 显示结果 -->
|
||||
<form style="margin-top: 20px;">
|
||||
<table width="100%" align="center"
|
||||
class="table table-hover table-striped" id="table"
|
||||
style="border: 1px solid #D0D0D0">
|
||||
<thead>
|
||||
<tr align="center" bgcolor="#93b6bd" height="33px;">
|
||||
<th scope="col" style="text-align: center;">demoID</th>
|
||||
<th scope="col" style="text-align: center;">demo名</th>
|
||||
<th scope="col" style="text-align: center;">备注</th>
|
||||
<th scope="col" style="text-align: center;">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<c:forEach items="${srList}" var="d" varStatus="status">
|
||||
<tr height="30">
|
||||
<td style="CURSOR: hand; HEIGHT: 22px" align="center" width="12%">${d.did}</td>
|
||||
<td style="CURSOR: hand; HEIGHT: 22px" align="center" width="17%">${d.dname }</td>
|
||||
<td style="CURSOR: hand; HEIGHT: 22px" align="center" width="17%">${d.comment}</td>
|
||||
<td>
|
||||
<button type="button"
|
||||
class="btn btn-primary btn-sm glyphicon glyphicon-pencil"
|
||||
onclick="edit(${d.did})"></button>
|
||||
<button type="button"
|
||||
class="btn btn-success btn-sm glyphicon glyphicon-asterisk"
|
||||
onclick="look(${d.did})"></button>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -0,0 +1,24 @@
|
||||
<%@ page language="java" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Language" content="zh-cn">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<style>
|
||||
body {
|
||||
SCROLLBAR-ARROW-COLOR: #ffffff;
|
||||
SCROLLBAR-BASE-COLOR: #dee3f7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<frameset rows="56,*,10" frameborder=1 border="1" framespacing="1">
|
||||
<frame src="${pageContext.request.contextPath}/jsp/top.jsp"
|
||||
name="topFrame" scrolling="NO" noresize>
|
||||
<frameset cols="159,*">
|
||||
<frame src="${pageContext.request.contextPath}/jsp/left.jsp"
|
||||
name="leftFrame" noresize scrolling="YES">
|
||||
<frame src="${pageContext.request.contextPath}/jsp/right.jsp"
|
||||
name="mainFrame">
|
||||
</frameset>
|
||||
</frameset>
|
||||
</html>
|
||||
@ -0,0 +1,590 @@
|
||||
body {
|
||||
background-color: #FFFFFF;
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
td,select {
|
||||
font-size: 12px;
|
||||
}
|
||||
A.cl:link {
|
||||
font-size:12px;
|
||||
color: #000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
A.cl:visited {
|
||||
font-size:12px;
|
||||
color: #000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
A.cl:hover {
|
||||
font-size:12px;
|
||||
color: #cc0000;
|
||||
text-decoration:underline;
|
||||
}
|
||||
A.cl_01:link {
|
||||
font-size:12px;
|
||||
color: #000066;
|
||||
text-decoration:none;
|
||||
}
|
||||
A.cl_01:visited {
|
||||
font-size:12px;
|
||||
color: #000066;
|
||||
text-decoration:none;
|
||||
}
|
||||
A.cl_01:hover {
|
||||
font-size:12px;
|
||||
color: #0066CC;
|
||||
text-decoration:underline;
|
||||
}
|
||||
.bt_01 {
|
||||
line-height: 155%;
|
||||
color: #FFFFFF;
|
||||
padding-left: 15px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.box04 {
|
||||
font-size: 12px;
|
||||
padding-top: 7px;
|
||||
padding-left: 16px;
|
||||
background-color: #88A5DF;
|
||||
border-top-width: 1px;
|
||||
border-right-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-left-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-right-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-left-style: solid;
|
||||
border-top-color: #7798DC;
|
||||
border-right-color: #2C416B;
|
||||
border-bottom-color: #2C416B;
|
||||
border-left-color: #7798DC;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
.box01 {
|
||||
font-size: 12px;
|
||||
color: #000000;
|
||||
border-top-width: 1px;
|
||||
border-right-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-left-width: 1px;
|
||||
border-right-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-left-style: solid;
|
||||
border-top-color: #EDF8FF;
|
||||
border-right-color: #8099B2;
|
||||
border-bottom-color: #8099B2;
|
||||
border-left-color: #EDF8FF;
|
||||
background-color: #B2CFED;
|
||||
padding-top: 7px;
|
||||
padding-left: 16px;
|
||||
border-top-style: solid;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
.box05 {
|
||||
font-size: 12px;
|
||||
padding-top: 5px;
|
||||
padding-left: 30px;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #B2CFED;
|
||||
border-right-width: 1px;
|
||||
border-right-style: solid;
|
||||
border-right-color: #F4F9FF;
|
||||
padding-bottom: 3px;
|
||||
background-color: #EDF8FF;
|
||||
}
|
||||
.box06 {
|
||||
font-size: 12px;
|
||||
background-color: #EDF6FF;
|
||||
padding-top: 5px;
|
||||
padding-left: 30px;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #ADAEAD;
|
||||
padding-bottom: 3px;
|
||||
|
||||
}
|
||||
.bottom {
|
||||
color: #000066;
|
||||
}
|
||||
A.cl_02:link {
|
||||
font-size:12px;
|
||||
color: #CC0000;
|
||||
text-decoration:underline;
|
||||
}
|
||||
A.cl_02:visited {
|
||||
font-size:12px;
|
||||
color: #CC0000;
|
||||
text-decoration:underline;
|
||||
}
|
||||
A.cl_02:hover {
|
||||
font-size:12px;
|
||||
color: #CC0000;
|
||||
text-decoration:none;
|
||||
}
|
||||
.top {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 2px;
|
||||
font-weight: bold;
|
||||
background-color: #AFD1F3;
|
||||
border-top-width: 1px;
|
||||
border-right-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-left-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-right-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-left-style: solid;
|
||||
border-top-color: #E3EFFB;
|
||||
border-right-color: #7990A8;
|
||||
border-bottom-color: #7990A8;
|
||||
border-left-color: #E3EFFB;
|
||||
}
|
||||
.ta_01 {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 2px;
|
||||
padding-right: 2px;
|
||||
padding-left: 3px;
|
||||
line-height: 135%;
|
||||
}
|
||||
|
||||
A:link {
|
||||
font-size:12px;
|
||||
color: #000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
A:visited {
|
||||
font-size:12px;
|
||||
color: #000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
A.eq:hover {
|
||||
font-size:12px;
|
||||
color: #0066FF;
|
||||
text-decoration:underline;
|
||||
}
|
||||
A.eq:link {
|
||||
font-size:12px;
|
||||
color: #000000;
|
||||
text-decoration:underline;
|
||||
}
|
||||
A.eq:visited {
|
||||
font-size:12px;
|
||||
color: #000000;
|
||||
text-decoration:underline;
|
||||
}
|
||||
A.eq:hover {
|
||||
font-size:12px;
|
||||
color: #0066FF;
|
||||
text-decoration:underline;
|
||||
}
|
||||
.bg {
|
||||
border-top:0px ;
|
||||
border-left:0px ;
|
||||
border-right:0px ;
|
||||
border-bottom: solid 1px gray;
|
||||
background-color: #FBFDFF;
|
||||
height:21px ;
|
||||
width:150px;
|
||||
}
|
||||
.button {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 0px 2px 0px 2px;
|
||||
border: 1px solid #8AA2CC;
|
||||
color: #333333;
|
||||
cursor: hand;
|
||||
/*
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
*/
|
||||
height: 18px;
|
||||
}
|
||||
.button_ok {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_ok.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_cancel {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_cancel.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_help {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_help.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_exit {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_search.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
.button_search {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_exit.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_view {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_view.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_add {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_add.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_del {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_del.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_print {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_print.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_modi {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_modi.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_save {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_save.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_alert {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_alert.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_clock {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_clock.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_close {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_close.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_phone01 {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/button_phone01.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.button_dire {
|
||||
background-color: #DAE6FF;
|
||||
margin: 1px;
|
||||
padding: 2px 4px 2px 10px;
|
||||
border: 1px solid #8AA2CC;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../images/hotel_dire_arrowc.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
color: #2F3F5B;
|
||||
cursor: hand;
|
||||
text-align: right;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
bottom: 10px;
|
||||
clip: rect(10px 10px 10px 10px);
|
||||
height: 20px;
|
||||
}
|
||||
.NextLine
|
||||
{
|
||||
word-break:break-all;word-wrap:break-word;
|
||||
}
|
||||
.test
|
||||
{
|
||||
BACKGROUND-IMAGE: url(../images/aaa.gif); HEIGHT: 25px;
|
||||
|
||||
}
|
||||
.optionOff
|
||||
{
|
||||
color:#909090;
|
||||
background-image:url(../images/optionbgOff.gif);
|
||||
background-position:right;
|
||||
background-repeat:no-repeat;
|
||||
border-left:1px solid #a0a0a0;
|
||||
text-align:center;
|
||||
width:110px;
|
||||
cursor:hand;
|
||||
}
|
||||
.optionOn {
|
||||
color:#1E6BAE;
|
||||
background-image:url(../images/optionbgOn.gif);
|
||||
background-position:right;
|
||||
background-repeat:no-repeat;
|
||||
border-left:1px solid #808080;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
width:110px;
|
||||
cursor:hand;
|
||||
}
|
||||
.optionOff A,.optionOff A:link,.optionOff A:visited,.optionOff A:hover,.optionOff A:active {
|
||||
color:#909090;
|
||||
text-decoration:none;
|
||||
}
|
||||
.optionOn A,.optionOn A:link,.optionOn A:visited,.optionOn A:hover,.optionOn A:active {
|
||||
color:#1E6BAE;
|
||||
text-decoration:none;
|
||||
}
|
||||
.tbodyhidden {
|
||||
display:none;
|
||||
}
|
||||
.xscroll {
|
||||
overflow-x:auto;
|
||||
height:auto;
|
||||
SCROLLBAR-FACE-COLOR: #E0F0FC;
|
||||
SCROLLBAR-SHADOW-COLOR: #EAF5FD;
|
||||
SCROLLBAR-3DLIGHT-COLOR: #808080;
|
||||
SCROLLBAR-ARROW-COLOR: #808080;
|
||||
SCROLLBAR-DARKSHADOW-COLOR:#808080;
|
||||
buttonface: #666666;
|
||||
}
|
||||
.xscrollhidden {
|
||||
overflow-x:auto;
|
||||
display:none;
|
||||
SCROLLBAR-FACE-COLOR: #E0F0FC;
|
||||
SCROLLBAR-SHADOW-COLOR: #EAF5FD;
|
||||
SCROLLBAR-3DLIGHT-COLOR: #808080;
|
||||
SCROLLBAR-ARROW-COLOR: #808080;
|
||||
SCROLLBAR-DARKSHADOW-COLOR:#808080;
|
||||
buttonface: #666666;
|
||||
}
|
||||
.sep1 {
|
||||
padding:0px;
|
||||
background-color:#AFD1F3;
|
||||
}
|
||||
.grouptitle {
|
||||
background-color:#E0F0FC;
|
||||
color: #5580D7;
|
||||
}
|
||||
.bodyscroll {
|
||||
SCROLLBAR-FACE-COLOR: #f6f6f6;
|
||||
SCROLLBAR-SHADOW-COLOR: #8099B2;
|
||||
SCROLLBAR-3DLIGHT-COLOR: #8099B2;
|
||||
SCROLLBAR-ARROW-COLOR: #8099B2;
|
||||
SCROLLBAR-DARKSHADOW-COLOR:#cccccc;
|
||||
buttonface: #f6f6f6;
|
||||
}
|
||||
@ -0,0 +1,156 @@
|
||||
@charset "utf-8";
|
||||
|
||||
div.cart .step {
|
||||
height: 38px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.cart .step li {
|
||||
width: 100px;
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
float: left;
|
||||
padding-left: 50px;
|
||||
font-size: 14px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
div.cart .step .current {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
div.cart .step1 {
|
||||
}
|
||||
|
||||
div.cart .step2 {
|
||||
}
|
||||
|
||||
div.cart .step3 {
|
||||
}
|
||||
|
||||
div.cart table {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.cart table th {
|
||||
line-height: 36px;
|
||||
padding: 0px 6px;
|
||||
color: #999999;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
border: solid 1px #e6e4e3;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
div.cart table td {
|
||||
line-height: 20px;
|
||||
padding: 4px;
|
||||
border: solid 1px #f1f1f1;
|
||||
}
|
||||
|
||||
div.cart table img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
div.cart dl {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
padding: 4px 10px;
|
||||
margin-bottom: 10px;
|
||||
border: solid 1px #f1f1f1;
|
||||
}
|
||||
|
||||
div.cart dt {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.cart dd {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
div.cart .quantity input {
|
||||
width: 30px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
float: left;
|
||||
padding: 0px 2px;
|
||||
text-align: center;
|
||||
ime-mode: disabled;
|
||||
border: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
div.cart .quantity div {
|
||||
height: 18px;
|
||||
float: left;
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
div.cart .quantity .increase {
|
||||
width: 18px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
clear: both;
|
||||
margin-bottom: 2px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
border: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
div.cart .quantity .decrease {
|
||||
width: 18px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
clear: both;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
border: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
div.cart .total {
|
||||
padding: 10px 0px;
|
||||
margin-bottom: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.cart .total em {
|
||||
margin-right: 14px;
|
||||
color: #ff6600;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
div.cart .total strong {
|
||||
color: #ef0101;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
div.cart .bottom {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-bottom: 10px;
|
||||
text-align: right;
|
||||
overflow: hidden;
|
||||
border: 1px dotted #e4e4e4;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
|
||||
div.cart .clear {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
div.cart .submit {
|
||||
padding: 14px;
|
||||
color: #ffffff;
|
||||
background-color: #b31d04;
|
||||
}
|
||||
|
||||
div.cart p {
|
||||
line-height: 60px;
|
||||
margin-bottom: 10px;
|
||||
border-top: 1px solid #e4e4e4;
|
||||
border-bottom: 1px solid #e4e4e4;
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
|
||||
.dtree {
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.dtree img {
|
||||
border: 0px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.dtree a {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.dtree a.node, .dtree a.nodeSel {
|
||||
white-space: nowrap;
|
||||
padding: 1px 2px 1px 2px;
|
||||
}
|
||||
.dtree a.node:hover, .dtree a.nodeSel:hover {
|
||||
color: #333;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.dtree a.nodeSel {
|
||||
background-color: #fff;
|
||||
}
|
||||
.dtree .clip {
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -0,0 +1,67 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
table {
|
||||
border-collapse: collapse; /* 合并为单一的边框线 */
|
||||
}
|
||||
|
||||
table.tb td {
|
||||
padding: 7px;
|
||||
/* border: 1px solid green; */
|
||||
border: 1px solid #D1D1D1;
|
||||
}
|
||||
|
||||
.a {
|
||||
height: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.b {
|
||||
float: left;
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.c {
|
||||
float: left;
|
||||
padding-left: 490px;
|
||||
}
|
||||
|
||||
.d {
|
||||
margin-top: 28px;
|
||||
/* background-color: #ECF5FF; */
|
||||
width: 97%;
|
||||
margin-left: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.input1 {
|
||||
height: 30px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.input2 {
|
||||
height: 38px;
|
||||
width: 69px;
|
||||
background-color: #0f83c7;
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.input3 {
|
||||
height: 38px;
|
||||
width: 75px;
|
||||
margin-left: 14px;
|
||||
background-color: #0f83c7;
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.c td input {
|
||||
height: 38px;
|
||||
width: 90px;
|
||||
background-color: #149ff0;
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
table {
|
||||
border-collapse: collapse; /* 合并为单一的边框线 */
|
||||
}
|
||||
|
||||
table.tb td {
|
||||
padding: 7px;
|
||||
/* border: 1px solid green; */
|
||||
}
|
||||
|
||||
.a {
|
||||
height: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.b {
|
||||
float: left;
|
||||
margin-left: 26px;
|
||||
}
|
||||
|
||||
.c {
|
||||
float: left;
|
||||
margin-left: 660px;
|
||||
}
|
||||
|
||||
.d {
|
||||
margin-top: 28px;
|
||||
/* background-color: #ECF5FF; */
|
||||
width: 97%;
|
||||
margin-left: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* .b botton {
|
||||
height: 42px;
|
||||
width: 78px;
|
||||
background-color: #0f83c7;
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
} */
|
||||
|
||||
|
||||
/* .c input {
|
||||
height: 40px;
|
||||
width: 90px;
|
||||
background-color: #149ff0;
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
*/
|
||||
@ -0,0 +1,526 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*
|
||||
* Copyright 2005-2013 dhcc.com.cn. All rights reserved.
|
||||
* Support: http://www.dhcc.com.cn
|
||||
* License: http://www.dhcc.com.cn/license
|
||||
*
|
||||
* Style - Index
|
||||
* Version: 3.0
|
||||
*/
|
||||
|
||||
/* ---------- Index ---------- */
|
||||
|
||||
div.index .slider {
|
||||
height: 290px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.index .slider img {
|
||||
width: 710px;
|
||||
height: 290px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
div.index .newArticle {
|
||||
width: 228px;
|
||||
height: 172px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
border: solid 1px #e4e4e4;
|
||||
}
|
||||
|
||||
div.index .newArticle .tab {
|
||||
width: 300px;
|
||||
height: 30px;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
div.index .newArticle .tab li {
|
||||
width: 76px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
border-right: solid 1px #e4e4e4;
|
||||
}
|
||||
|
||||
div.index .newArticle .tab li.current {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
div.index .newArticle .tabContent {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
div.index .newArticle .tabContent li {
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
div.index .hotBrand {
|
||||
padding: 0px 10px 10px 10px;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
div.index .hotBrand .title {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #cacaca;
|
||||
font-weight: bold;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
div.index .hotBrand .title strong {
|
||||
margin-right: 10px;
|
||||
color: #d31c31;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.index .hotBrand .title a {
|
||||
float: right;
|
||||
color: #999999;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.index .hotBrand li {
|
||||
white-space: nowrap;
|
||||
float: left;
|
||||
margin-right: -1px;
|
||||
margin-bottom: -1px;
|
||||
_position: relative;
|
||||
border: 1px solid #e4e4e4;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
div.index .hotBrand li a {
|
||||
width: 97px;
|
||||
height: 50px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
background: url(../images/index.gif) 0px 0px repeat-x;
|
||||
}
|
||||
|
||||
div.index .hotBrand li a:hover {
|
||||
height: 49px;
|
||||
border-bottom: 1px solid #656565;
|
||||
}
|
||||
|
||||
div.index .hotBrand li img {
|
||||
width: 97px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory {
|
||||
padding: 0px 10px 10px 10px;
|
||||
margin-bottom: 10px;
|
||||
background-color: #f1f1f1;
|
||||
border:1px solid #ff0000;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory .title {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #cacaca;
|
||||
font-weight: bold;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
div.index .hotProductCategory .title strong {
|
||||
margin-right: 10px;
|
||||
color: #d31c31;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory .title a {
|
||||
float: right;
|
||||
color: #999999;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory .content {
|
||||
border: 1px solid #e4e4e4;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory tr {
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory tr.last {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory th {
|
||||
width: 90px;
|
||||
height: 60px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
border: 3px solid #ffffff;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
div.index .hotProductCategory tr:hover th {
|
||||
background-color: #e4e4e4;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0){
|
||||
div.index .hotProductCategory th {
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
div.index .hotProductCategory td a {
|
||||
line-height: 30px;
|
||||
padding: 0px 10px;
|
||||
color: #666666;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.index .promotionProduct {
|
||||
width: 228px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
border-left: solid 1px #e4e4e4;
|
||||
border-right: solid 1px #e4e4e4;
|
||||
border-bottom: solid 1px #e4e4e4;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tab {
|
||||
width: 300px;
|
||||
height: 31px;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tab li {
|
||||
width: 114px;
|
||||
height: 31px;
|
||||
line-height: 31px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
border-right: solid 1px #e4e4e4;
|
||||
background: url(../images/index.gif) 0px -90px repeat-x;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tab li.current {
|
||||
height: 29px;
|
||||
line-height: 29px;
|
||||
border-top: solid 2px #ff830f;
|
||||
background-color: #ffffff;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent li {
|
||||
height: 94px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent li.last {
|
||||
padding-bottom: 0px;
|
||||
margin-bottom: 0px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent .info {
|
||||
line-height: 26px;
|
||||
color: #a5a5a5;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent em {
|
||||
color: #404040;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent del {
|
||||
color: #a5a5a5;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent strong {
|
||||
color: #ff0000;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent span {
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent div img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 2px;
|
||||
margin: 4px 4px 0px 0px;
|
||||
border: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
div.index .promotionProduct .tabContent div div {
|
||||
width: 156px;
|
||||
line-height: 20px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div.index .newReview {
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
border: solid 1px #e4e4e4;
|
||||
}
|
||||
|
||||
div.index .newReview .title {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0px 10px;
|
||||
color: #d31c31;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
font-family: "Microsoft YaHei";
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
div.index .newReview ul {
|
||||
line-height: 28px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
div.index .middleAd {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.index .hotProduct {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.index .hotProduct .title {
|
||||
width: 260px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
/* background: url(../images/index.gif) 0px -150px no-repeat; */
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
div.index .hotProduct .title strong {
|
||||
line-height: 28px;
|
||||
display: block;
|
||||
float: left;
|
||||
padding-left: 10px;
|
||||
color: #000000;
|
||||
font-size: 16px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
div.index .hotProduct .title a {
|
||||
width: 40px;
|
||||
height: 30px;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.index .hotProduct .tab {
|
||||
width: 690px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
/* background: url(../images/index.gif) 0px -210px repeat-x; */
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
div.index .hotProduct .tab li {
|
||||
width: 120px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
float: left;
|
||||
margin-top: 2px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
div.index .hotProduct .tab li.current {
|
||||
font-weight: bold;
|
||||
background-color: #825996;
|
||||
}
|
||||
|
||||
div.index .hotProduct .hotProductAd {
|
||||
width: 260px;
|
||||
height: 343px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.index .hotProduct .tabContent {
|
||||
width: 950px;
|
||||
float: left;
|
||||
padding-left: 5px;
|
||||
_padding-left: 2px;
|
||||
}
|
||||
|
||||
div.index .hotProduct .tabContent li {
|
||||
float: left;
|
||||
margin-right: -1px;
|
||||
margin-bottom: 10px;
|
||||
_position: relative;
|
||||
border:1px solid #e4e4e4;
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
div.index .hotProduct .tabContent li:hover {
|
||||
filter: alpha(opacity = 70);
|
||||
-moz-opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
div.index .hotProduct .tabContent img {
|
||||
width: 170px;
|
||||
height: 170px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.index .newProduct {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.index .newProduct .title {
|
||||
width: 260px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
/* background: url(../images/index.gif) 0px -270px no-repeat; */
|
||||
background-color: #ff0000;
|
||||
|
||||
}
|
||||
|
||||
div.index .newProduct .title strong {
|
||||
line-height: 28px;
|
||||
display: block;
|
||||
float: left;
|
||||
padding-left: 10px;
|
||||
color: #ffffff;
|
||||
font-size: 15px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
div.index .newProduct .title a {
|
||||
width: 40px;
|
||||
height: 30px;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.index .newProduct .tab {
|
||||
width: 690px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
/* background: url(../images/index.gif) 0px -330px repeat-x; */
|
||||
background-color: #ff0000;
|
||||
}
|
||||
|
||||
div.index .newProduct .tab li {
|
||||
width: 120px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
float: left;
|
||||
margin-top: 2px;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
div.index .newProduct .tab li.current {
|
||||
font-weight: bold;
|
||||
background-color: #ff0000;
|
||||
}
|
||||
|
||||
div.index .newProduct .newProductAd {
|
||||
width: 260px;
|
||||
height: 343px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.index .newProduct .tabContent {
|
||||
width: 950px;
|
||||
float: left;
|
||||
padding-left: 5px;
|
||||
_padding-left: 2px;
|
||||
}
|
||||
|
||||
div.index .newProduct .tabContent li {
|
||||
float: left;
|
||||
margin-right: -1px;
|
||||
margin-bottom: 10px;
|
||||
_position: relative;
|
||||
border:1px solid #e4e4e4;
|
||||
margin-left: 14px;}
|
||||
|
||||
div.index .newProduct .tabContent li:hover {
|
||||
filter: alpha(opacity = 70);
|
||||
-moz-opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
div.index .newProduct .tabContent img {
|
||||
width: 170px;
|
||||
height: 170px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.index .friendLink {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 10px;
|
||||
color: #ffffff;
|
||||
background-color: #c5c5c5;
|
||||
}
|
||||
|
||||
div.index .friendLink dt {
|
||||
float: left;
|
||||
padding: 0px 30px;
|
||||
background-color: #6e6e6e;
|
||||
}
|
||||
|
||||
div.index .friendLink dd {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.index .friendLink a {
|
||||
margin: 0px 10px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
div.index .friendLink .more {
|
||||
float: right;
|
||||
background-color: #6e6e6e;
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
body {background-color: #fff;margin: 0px;text-align:left;}
|
||||
td {font-size:12px;color:#303030;line-height:20px;}
|
||||
a:link,a:visited {color:#012F68;text-decoration: none;}
|
||||
a:hover {color: #406EA8;text-decoration:none}
|
||||
@ -0,0 +1,91 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*
|
||||
* Copyright 2005-2013 dhcc.com.cn. All rights reserved.
|
||||
* Support: http://www.dhcc.com.cn
|
||||
* License: http://www.dhcc.com.cn/license
|
||||
*
|
||||
* Style - Login
|
||||
* Version: 3.0
|
||||
*/
|
||||
|
||||
/* ---------- Login ---------- */
|
||||
|
||||
div.login .wrap {
|
||||
margin-bottom: 10px;
|
||||
border: 2px solid #f2f2f2;
|
||||
}
|
||||
|
||||
div.login .main {
|
||||
border: 1px solid #d7d7d7;
|
||||
}
|
||||
|
||||
div.login .title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #d8d8d8;
|
||||
font-family: "Microsoft YaHei";
|
||||
border-bottom: 1px dotted #ededed;
|
||||
}
|
||||
|
||||
div.login .title strong {
|
||||
padding: 0px 10px;
|
||||
color: #3164af;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.login table {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
div.login th {
|
||||
width: 38%;
|
||||
padding: 12px;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.login .captcha {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
div.login .captchaImage {
|
||||
margin-left: 10px;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.login .submit {
|
||||
width: 100px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin-bottom: 10px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
blr: expression(this.hideFocus = true);
|
||||
border: none;
|
||||
background: url(../images/login.gif) 0px 0px no-repeat;
|
||||
}
|
||||
|
||||
div.login .register {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
div.login .register dt {
|
||||
line-height: 40px;
|
||||
color: #cc062d;
|
||||
font-size: 18px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
div.login .register dd {
|
||||
line-height: 30px;
|
||||
color: #565656
|
||||
}
|
||||
|
||||
div.login .register dd a {
|
||||
color: #3164af
|
||||
}
|
||||
@ -0,0 +1,85 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
/* html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
font-style: sans-serif;
|
||||
}
|
||||
*/
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
margin: 0;
|
||||
background-color: #4A374A;
|
||||
}
|
||||
|
||||
#login {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
margin: -150px 0 0 -150px;
|
||||
/*width: 300px;*/
|
||||
width: auto;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
#login h1 {
|
||||
color: #fff;
|
||||
letter-spacing: 3px; /*login1之间的间距*/
|
||||
text-align: center;
|
||||
font-size: 2.5em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 278px;
|
||||
height: 18px;
|
||||
margin-bottom: 10px;
|
||||
outline: none;
|
||||
font-size: 13px;
|
||||
border-top: 1px solid #003D79;
|
||||
border-left: 1px solid #003D79;
|
||||
border-right: 1px solid #003D79;
|
||||
border-bottom: 1px solid #003D79;
|
||||
border-radius: 4px;
|
||||
/* background-color: #fff; */
|
||||
background-color: transparent; /* 设置input框为透明 */
|
||||
/* border:0; */
|
||||
}
|
||||
|
||||
/* .but1 {
|
||||
width: 120px;
|
||||
min-height: 20px;
|
||||
display: block;
|
||||
background-color: #4a77d4;
|
||||
border: 1px solid #3762bc;
|
||||
color: #fff;
|
||||
padding: 9px 14px;
|
||||
font-size: 15px;
|
||||
line-height: normal;
|
||||
border-radius: 5px;
|
||||
display:inline; 两个按钮在同一行
|
||||
margin-top: 10px;
|
||||
} */
|
||||
|
||||
.but2 {
|
||||
width: 120px;
|
||||
min-height: 20px;
|
||||
display: block;
|
||||
background-color: #4a77d4;
|
||||
border: 1px solid #3762bc;
|
||||
color: #fff;
|
||||
padding: 9px 14px;
|
||||
font-size: 15px;
|
||||
line-height: normal;
|
||||
border-radius: 5px;
|
||||
margin: 0em;
|
||||
margin-left:50px;
|
||||
display:inline; /*两个按钮在同一行*/
|
||||
margin-top: 10px;
|
||||
background-color: transparent; /* 设置input框为透明 */
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,106 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*
|
||||
* Copyright 2005-2013 dhcc.com.cn. All rights reserved.
|
||||
* Support: http://www.dhcc.com.cn
|
||||
* License: http://www.dhcc.com.cn/license
|
||||
*
|
||||
* Style - Register
|
||||
* Version: 3.0
|
||||
*/
|
||||
|
||||
/* ---------- Register ---------- */
|
||||
|
||||
div.register .wrap {
|
||||
margin-bottom: 10px;
|
||||
border: 2px solid #f2f2f2;
|
||||
}
|
||||
|
||||
div.register .main {
|
||||
padding-bottom: 20px;
|
||||
border: 1px solid #d7d7d7;
|
||||
}
|
||||
|
||||
div.register .title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #d8d8d8;
|
||||
font-family: "Microsoft YaHei";
|
||||
border-bottom: 1px dotted #ededed;
|
||||
}
|
||||
|
||||
div.register .title strong {
|
||||
padding: 0px 10px;
|
||||
color: #3164af;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.register table {
|
||||
width: 640px;
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
div.register th {
|
||||
width: 80px;
|
||||
padding: 12px;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
}
|
||||
div.register .captcha {
|
||||
width:130px;
|
||||
}
|
||||
|
||||
div.register .captchaImage {
|
||||
margin-left: 10px;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.register .submit {
|
||||
width: 142px;
|
||||
height: 37px;
|
||||
line-height: 37px;
|
||||
margin-top: 10px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
blr: expression(this.hideFocus = true);
|
||||
border: none;
|
||||
background: url(../images/register.gif) 0px 0px no-repeat;
|
||||
}
|
||||
|
||||
div.register .agreement {
|
||||
height: 96px;
|
||||
line-height: 24px;
|
||||
padding: 0px 4px;
|
||||
color: #999999;
|
||||
overflow-y: scroll;
|
||||
border: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
div.register .login {
|
||||
width: 260px;
|
||||
float: right;
|
||||
padding: 20px;
|
||||
border-bottom: 2px solid #f2f2f2;
|
||||
border-left: 2px solid #f2f2f2;
|
||||
background-color: #fff8db;
|
||||
}
|
||||
|
||||
div.register .login dt {
|
||||
line-height: 40px;
|
||||
color: #bd5613;
|
||||
font-size: 16px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
div.register .login dd {
|
||||
line-height: 28px;
|
||||
color: #565656
|
||||
}
|
||||
|
||||
div.register .login dd a {
|
||||
color: #bd5613
|
||||
}
|
||||
@ -0,0 +1,128 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.nivoSlider {
|
||||
position: relative;
|
||||
background: #fff url(loading.gif) no-repeat 50% 50%;
|
||||
}
|
||||
|
||||
.nivoSlider img {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nivoSlider a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a.nivo-imageLink {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.nivo-slice {
|
||||
height: 100%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.nivo-box {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.nivo-controlNav a {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nivo-controlNav a.active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nivo-controlNav {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
bottom: 7px;
|
||||
}
|
||||
|
||||
.nivo-controlNav a {
|
||||
width: 24px;
|
||||
height: 10px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
overflow: hidden;
|
||||
text-indent: -9999px;
|
||||
filter: alpha(opacity = 60);
|
||||
-moz-opacity: 0.6;
|
||||
opacity: 0.6;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.nivo-controlNav a.active {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.nivo-directionNav a {
|
||||
width: 45px;
|
||||
height: 99px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
z-index: 9;
|
||||
cursor: pointer;
|
||||
text-indent: -9999px;
|
||||
filter: alpha(opacity = 30);
|
||||
-moz-opacity: 0.3;
|
||||
opacity: 0.3;
|
||||
background: url(arrows.gif) no-repeat;
|
||||
}
|
||||
|
||||
a.nivo-prevNav {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
a.nivo-nextNav {
|
||||
right: 0px;
|
||||
background-position: -46px 0px;
|
||||
}
|
||||
|
||||
.nivo-caption {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
color: #ffffff;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
opacity: 0.4;
|
||||
z-index: 8;
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
.nivo-caption a {
|
||||
color: #fff;
|
||||
display: inline !important;
|
||||
border-bottom: 1px dotted #fff;
|
||||
}
|
||||
|
||||
.nivo-caption a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nivo-caption p {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.nivo-html-caption {
|
||||
display: none;
|
||||
}
|
||||
@ -0,0 +1,148 @@
|
||||
|
||||
#slider {
|
||||
background:#FFF;
|
||||
border:1px solid #EEE;
|
||||
height: 47.7%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin:0px 0;
|
||||
}
|
||||
/* DEFAULT is for three panels in width, adjust as needed
|
||||
This only matters if JS is OFF, otherwise JS sets this. */
|
||||
#mover {
|
||||
width: 2880px;
|
||||
position: relative;
|
||||
}
|
||||
.slide {
|
||||
padding:24px 25px;
|
||||
width:31%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.slider-text{
|
||||
float:left;
|
||||
width:47%;
|
||||
padding-left:4%;
|
||||
padding-top:3%;
|
||||
}
|
||||
.slider-img{
|
||||
float:left;
|
||||
width:42%;
|
||||
}
|
||||
.slide h1{
|
||||
font-size:2.5em;
|
||||
font-weight:bold;
|
||||
color:#CD1F25;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
.slide h1 span{
|
||||
font-size:2em;
|
||||
}
|
||||
.slide h2{
|
||||
font-size:2em;
|
||||
color:#999;
|
||||
font-family: 'ambleregular';
|
||||
}
|
||||
.slide h2 span{
|
||||
color:#CD1F25;
|
||||
font-size:2em;
|
||||
}
|
||||
.slide p {
|
||||
color:#222;
|
||||
font-size:0.9em;
|
||||
padding:5px 0;
|
||||
line-height:1.8em;
|
||||
}
|
||||
.slide p span{
|
||||
color:#0B86AA;
|
||||
}
|
||||
.slide h3{
|
||||
font-size:1.2em;
|
||||
color: #999;
|
||||
text-transform:uppercase;
|
||||
padding-top:10px;
|
||||
}
|
||||
.features_list{
|
||||
padding-top:5px;
|
||||
}
|
||||
.features_list h4{
|
||||
font-family: 'ambleregular';
|
||||
font-size:1.2em;
|
||||
color:#222;
|
||||
}
|
||||
.features_list li{
|
||||
font-size:0.9em;
|
||||
color:#888888;
|
||||
padding:8px 20px;
|
||||
background:url(../images/list_img.png) no-repeat 0px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.features_list li:hover{
|
||||
color:#DDD;
|
||||
}
|
||||
.button {
|
||||
font-size: 1.2em;
|
||||
padding:8px 15px;
|
||||
text-shadow:0px 1px 1px rgba(94, 94, 94, 0.9);
|
||||
}
|
||||
.button {
|
||||
margin-top:20px;
|
||||
display: inline-block;
|
||||
background:#CD1F25;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
border-radius:5px;
|
||||
outline: 0;
|
||||
-webkit-transition:all 0.2s linear;
|
||||
-moz-transition:all 0.2s linear;
|
||||
-o-transition:all 0.2s linear;
|
||||
transition:all 0.2s linear;
|
||||
}
|
||||
.button:hover {
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
background:#CD1F25;
|
||||
-webkit-transform:scale(1.05);
|
||||
-moz-transform:scale(1.05);
|
||||
-ms-transform:scale(1.05);
|
||||
-o-transform:scale(1.05);
|
||||
transform:scale(1.05);
|
||||
}
|
||||
.button-icon-download{
|
||||
margin-left:15px;
|
||||
}
|
||||
#slider-stopper {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 20px;
|
||||
background: #ac0000;
|
||||
color: white;
|
||||
padding: 3px 8px;
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
z-index: 1000;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.slide h1 {
|
||||
font-size:2em;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width:800px) {
|
||||
.slider-text{
|
||||
width:55%;
|
||||
float:none;
|
||||
}
|
||||
.slider-img{
|
||||
float:none;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width:320px) {
|
||||
.slider-text{
|
||||
width:31%;
|
||||
padding:0 1% 0 0;
|
||||
}
|
||||
.slider-img{
|
||||
width:30%;
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 847 B |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 933 B |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 203 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 62 B |
|
After Width: | Height: | Size: 372 B |
|
After Width: | Height: | Size: 376 B |
|
After Width: | Height: | Size: 69 B |
|
After Width: | Height: | Size: 66 B |
|
After Width: | Height: | Size: 66 B |
|
After Width: | Height: | Size: 86 B |
|
After Width: | Height: | Size: 85 B |
|
After Width: | Height: | Size: 861 B |
|
After Width: | Height: | Size: 870 B |
|
After Width: | Height: | Size: 582 B |
|
After Width: | Height: | Size: 89 B |
|
After Width: | Height: | Size: 88 B |
@ -0,0 +1,10 @@
|
||||
// 创建Ajax对象
|
||||
function Ajax() {
|
||||
var Ajax = false;
|
||||
if(window.XMLHttpRequest) {
|
||||
Ajax = new XMLHttpRequest();
|
||||
} else {
|
||||
Ajax = new window.ActiveXObject('Mircorsoft.XMLHTTP')
|
||||
}
|
||||
return Ajax;
|
||||
}
|
||||