实现左右满屏焦点图代码

hehongwei44 · Aug 4, 2014 · 9286429 · 9286429
1 parent 3333c03
commit 9286429
Show file tree

Hide file tree

Showing 15 changed files with 960 additions and 0 deletions.
diff --git a/实现左右满屏焦点图代码/css/lanrenzhijia.css b/实现左右满屏焦点图代码/css/lanrenzhijia.css
@@ -0,0 +1,56 @@
+@charset "utf-8";
+body {
+	margin:0px;
+}
+img {
+	border: none;
+	vertical-align: middle;
+}
+img {
+	-ms-interpolation-mode: bicubic;
+}
+/* common
+-----------------------------------------------*/
+/*__ 代码整理：懒人之家_*/
+#maincontent {
+	background:#000;
+	height:528px;
+	overflow:hidden;
+	position:relative;
+}
+#maincontent div.pict {
+	cursor: default !important;
+}
+#maincontent div.main {
+	position: static;
+	text-align: center;
+	display: block;
+	cursor: pointer !important
+}
+#maincontent .element {
+	display: none;
+	position: absolute !important;
+}
+#maincontent .left {
+	top :200px;
+	left: 0;
+	cursor: pointer;
+}
+#maincontent .right {
+	top: 200px;
+	right: 0;
+	cursor: pointer;
+}
+#maincontent .main .guardian {
+	display: none;
+	height: 0;
+}
+#maincontent .navi {
+	z-index: 9999999;
+}
+div#maincontent div.main {
+	display:none;
+}
+div#maincontent div.element {
+	position:absolute !important;
+}
diff --git a/实现左右满屏焦点图代码/image/0001.jpg b/实现左右满屏焦点图代码/image/0001.jpg
diff --git a/实现左右满屏焦点图代码/image/0004.gif b/实现左右满屏焦点图代码/image/0004.gif
diff --git a/实现左右满屏焦点图代码/image/002.jpg b/实现左右满屏焦点图代码/image/002.jpg
diff --git a/实现左右满屏焦点图代码/image/003.jpg b/实现左右满屏焦点图代码/image/003.jpg
diff --git a/实现左右满屏焦点图代码/image/left.gif b/实现左右满屏焦点图代码/image/left.gif
diff --git a/实现左右满屏焦点图代码/image/left_on.gif b/实现左右满屏焦点图代码/image/left_on.gif
diff --git a/实现左右满屏焦点图代码/image/right.gif b/实现左右满屏焦点图代码/image/right.gif
diff --git a/实现左右满屏焦点图代码/image/right_on.gif b/实现左右满屏焦点图代码/image/right_on.gif
diff --git a/实现左右满屏焦点图代码/image/weibo.jpg b/实现左右满屏焦点图代码/image/weibo.jpg
diff --git a/实现左右满屏焦点图代码/image/zhaopin.jpg b/实现左右满屏焦点图代码/image/zhaopin.jpg
diff --git a/实现左右满屏焦点图代码/index.html b/实现左右满屏焦点图代码/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+<title>jQuery实现左右满屏焦点图代码</title>
+<script type="text/javascript" src="js/jquery.pack.js"></script>
+<script type="text/javascript" src="js/slides.js"></script>
+<script type="text/javascript" src="js/lanrenzhijia.js"></script>
+<link href="css/lanrenzhijia.css" rel="stylesheet" type="text/css">
+</head>
+
+<body style="text-align:center">
+
+<div id="maincontent">
+    <div class="element pict"><a href="#"><img src="image/0001.jpg"></a></div>
+    <div class="element pict"><a href="#"><img src="image/zhaopin.jpg"></a></div>
+    <div class="element pict main"><a href="#"><img src="image/002.jpg"></a></div>
+    <div class="element pict"><a href="#"><img src="image/003.jpg"></a></div>
+    <div class="element pict"><a href="#"><img src="image/0004.gif"></a></div>
+    <div class="element pict"><a href="#"><img src="image/weibo.jpg"></a></div>
+
+    <div class="element navi left"><img src="image/left.gif" alt="left"></div>
+    <div class="element navi right"><img src="image/right.gif" alt="right"></div>
+</div>
+</body>
+</html>
diff --git a/实现左右满屏焦点图代码/js/jquery.pack.js b/实现左右满屏焦点图代码/js/jquery.pack.js