CSS论坛 - Powered by Discuz! Board

标题: DIV CSS幻灯片效果下载 [打印本页]

作者: divcss5 时间: 2011-4-10 11:16 标题: DIV CSS幻灯片效果下载

DIV+CSS+JS版仿FLASH幻灯片效果，有利于搜索引擎收录的CSS幻灯片网页特效

DIV+CSS幻灯片演示：http://www.divcss5.com//fanli/test/
CSS幻灯片特效详细介绍：http://www.divcss5.com/template/m252.shtml

divcss5.com-test.rar

CSS版幻灯片附件打包下载：
点击下载大小：357.272KB

作者: andy 时间: 2011-4-11 18:17 标题: 搞笑么

作者: wsjqqq 时间: 2011-4-12 11:52 标题: 很好

很好，值得推荐

作者: cctv1975 时间: 2011-4-13 18:14

近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐

作者: 331208650 时间: 2011-4-14 09:49 标题: 顶

顶顶顶顶顶

作者: xhs1028 时间: 2011-4-14 13:13 标题: 谢谢楼主！

谢谢楼主！

作者: hao1geren 时间: 2011-4-14 14:32

谢谢楼主！

作者: lova 时间: 2011-4-14 16:12

非常不错，努力学习中。

作者: a463971250 时间: 2011-4-16 16:48 标题: sdfdsf

sdfsdfffffffffffffff

作者: hmy射手座 时间: 2011-4-19 13:57

作者: waynemysky 时间: 2011-4-20 10:04

谢谢分享~~~

作者: yucoco 时间: 2011-4-20 16:54

谢谢楼主分享

作者: jtrsun1234 时间: 2011-4-21 15:31

谢谢分享

作者: 河南小丁 时间: 2011-4-21 16:59

来顶个呵呵

作者: chenqian1900 时间: 2011-4-23 11:56

谢谢分享，学习学习

作者: whfish 时间: 2011-4-23 16:48

谢谢！好东东

作者: qq5231487 时间: 2011-4-23 22:14 标题: 顶啊

顶啊http://www.divcss5.com/bbs/

作者: piao26810 时间: 2011-4-27 12:02

近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐近期推荐

作者: 北极2 时间: 2011-4-27 15:18 标题: 回复 1# divcss5 的帖子

靠，你这家伙

作者: 妳的微笑 时间: 2011-4-27 21:21

嗯，也在努力学习！！

作者: ahtest 时间: 2011-4-28 17:22 标题: 再麻烦也要看

再麻烦也要看

作者: sincell1987 时间: 2011-4-28 17:56

拿來學習一下!

作者: cfang2005 时间: 2011-4-29 15:55

看一看，楼主的东西都不错

作者: hz_dyl112 时间: 2011-4-29 20:20

作者: 417192895 时间: 2011-4-30 15:39

学习啦！

作者: huash5 时间: 2011-5-3 23:24

作者: q49695520 时间: 2011-5-6 22:54

非常不错，

作者: kevin 时间: 2011-5-8 23:27

要看看才行

作者: yanhugo 时间: 2011-5-9 11:31

作者: shun 时间: 2011-5-10 08:28 标题: 不错

学习顶一下

作者: RAY_qiu 时间: 2011-5-10 10:28

楼主辛苦了

作者: fanjiwei 时间: 2011-5-13 11:06

不错呵呵好

作者: jennytian 时间: 2011-5-13 14:23

真不错，学习了

作者: zj54891 时间: 2011-5-19 11:39

作者: arui 时间: 2011-5-19 15:17 标题: 回复 1# divcss5 的帖子

作者: amk200 时间: 2011-5-20 18:18 标题: iii

谢谢楼主！
谢谢楼主

作者: ameizzp 时间: 2011-5-22 12:37

作者: aqws01 时间: 2011-5-22 13:03

dddddddddddddddddddd

作者: yuyu 时间: 2011-5-23 17:25 标题: efefsal

sfefe slfiefjsekjes ldifejfkslefj

作者: 3654012 时间: 2011-5-23 20:53

看东西来了

作者: jakes1985 时间: 2011-5-23 23:27 标题: 下拉

我顶一个下拉

作者: hzsxyhzc 时间: 2011-5-24 16:21

不是已经个回复了

作者: lp52761 时间: 2011-5-26 09:09

挺好!有用

作者: limingxi 时间: 2011-5-27 15:55

很好，值得推荐

作者: limingxi 时间: 2011-5-27 16:57

不知如何让这个幻灯片居左，然后在右边再加个图片，请坛里的高手指点一、二，多谢！

作者: dreamcrane 时间: 2011-5-29 14:22

作者: antma 时间: 2011-6-2 15:03

好东西，分享...

作者: yangyang 时间: 2011-6-3 18:31

好好好好好很好

作者: hefei 时间: 2011-6-4 08:40

作者: sunnyyjt2011 时间: 2011-6-5 14:05 标题: 回复 1# divcss5 的帖子

这个是个好东东,下来学习一下

作者: wangyuicq 时间: 2011-6-6 10:42

学习啦，正需要呢^_^

作者: chaidivcss 时间: 2011-6-9 09:13 标题: thank you

作者: jaune162 时间: 2011-6-10 19:28

作者: sukiyou 时间: 2011-6-11 12:33

正好想学学

作者: mingzhuzhu3 时间: 2011-6-11 16:22

下来看看

作者: joetex 时间: 2011-6-12 18:41

非常不错，努力学习中。

作者: huacss 时间: 2011-6-13 11:17

作者: yzx001 时间: 2011-6-15 10:04 标题: 学习了！！11

学习了！！学习了！！

作者: xtra00 时间: 2011-6-19 14:23

这个需要学习一下

作者: magicz 时间: 2011-6-20 18:38

我要下载呀。看看。。。。

作者: zc227 时间: 2011-6-20 20:28

速度有点慢，试试看可不可以改一下

作者: lctnMee 时间: 2011-6-21 23:47 标题: 11111

恩恩嫩恩恩

作者: linlin_0804 时间: 2011-6-22 13:54

学习下下~~

作者: 8862aj 时间: 2011-6-23 17:26 标题: 7jljlj5@#@#@#@#

jljljlkjkjmnmn,mnmnmnmnmnm

作者: kpz077 时间: 2011-6-23 19:26

aaaaaaaaaaaa

作者: 小草丶 时间: 2011-7-1 08:00

作者: 412940355 时间: 2011-7-1 09:35

非常不错，努力学习中。

作者: ruyuecat 时间: 2011-7-3 09:51 标题: fdsfdsa

fdsafdsfdsafdasfdsa

作者: play100 时间: 2011-7-5 08:42

下载学习

作者: liujuan 时间: 2011-7-7 11:34 标题: 回复 1# divcss5 的帖子

谢谢哦！

作者: coolcool_feng 时间: 2011-7-7 15:02

v<!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=utf-8" />
<link rel="stylesheet" href="css/css.css" type="text/css">
<script language="javascript" src="js/jquery-1.4.2.min.js"></script>
<title>CSS幻灯片效果 www.divcss5.com</title>
<script>
$(function(){
               var a = $(".img li").length;
               var w = $(".img").width();
               var b = 1;
               var time;
               $(".sz").find("li").click(
                                                                     function(){
                                                                              b = $(this).index();
                                                                              auto(b);
                                                                              }
                                                                     )

               $(".img").hover(function(){
                                                                     clearInterval(time);
                                                                     },
                                                                     function(){
                                                                              time = setInterval(function(){
                                                                                                                                    if(b==a){
                                                                                                                                             b=0;
                                                                                                                                             }
                                                                                                                                             else{
                                                                                                                                                      auto(b);
                                                                                                                                                      b++;
                                                                                                                                                      }

                                                                                                                                    },2000)
                                                                              }).trigger("mouseleave")
               function auto(b){
                        $(".sz").find("li").eq(b).addClass("on").siblings().removeClass("on")
                              if(!$(".img ul").is(":animated")){
                              $(".img ul").stop().animate({"marginLeft":-w*b+"px"},"slow")}

                        }
               }

  )
</script>
</head>

<body>
<br />
<a href="http://www.divcss5.com">css</a> <a href="http://www.divcss5.com">div css</a> <a href="http://www.divcss5.com">div+css</a> <br />
<a href="http://www.divcss5.com">div</a> <br />

<div class="con">

<div class="img_show">
         <div class="sz">
            <ul>
                  <li class="on">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
         </ul>
      </div>
      <div class="img">
            <ul>
            <li><a href="http://www.divcss5.com/"><img src="images/1.jpg" width="283" alt="css 特效" height="194"></a></li>
         <li><img src="images/2.jpg"></li>
         <li><img src="images/3.jpg" width="283" height="194"></li>
         <li><img src="images/4.jpg" width="283" height="194"></li>
         <li><img src="images/5.jpg" width="283" height="194"></li>
      </ul>
      </div>
</div>
</div>
</body>
</html>

作者: betaspirit 时间: 2011-7-8 14:54 标题: ok

很好，很好，值得推荐

作者: lwy110 时间: 2011-7-8 14:56

好好学习天天向上

作者: 记忆有你 时间: 2011-7-11 21:15

下载收藏了

作者: zhaisky 时间: 2011-7-13 10:57

很好看看

作者: aqws01 时间: 2011-7-13 16:47

ddddddddddddddddddddddddddddddddddddddddddddddddd

作者: UponCloud 时间: 2011-7-14 16:22 标题: 好

作者: afengxxx 时间: 2011-7-15 12:03 标题: 顶啊啊

顶一下啊

作者: cosmicbox 时间: 2011-7-15 14:38

感谢楼主分享！

作者: 453431529 时间: 2011-7-16 21:02 标题: 21332132

左右结构全屏CSS网页模板，左固定右自适应宽度左右结构全屏CSS网页模板，左固定右自适应宽度

作者: clshuai 时间: 2011-7-18 19:31

heh ...又找到一个好资源

作者: xuelangff 时间: 2011-7-20 15:33

很好很强大，谢谢。

作者: fangxianggan 时间: 2011-7-26 16:41 标题: 回复 1# divcss5 的帖子

234rdtsdfgdfsgsdgf

作者: shadow 时间: 2011-7-26 21:13

非常不错，努力学习中。

作者: gyctxb 时间: 2011-7-27 10:02

支持支持支持

作者: AKAE2 时间: 2011-7-29 09:49

好好学习一下！

作者: zetfish 时间: 2011-7-30 15:08 标题: 回复 1# divcss5 的帖子

好资源好资源好资源好资源

作者: wuwende881208 时间: 2011-7-31 10:39

作者: tuy 时间: 2011-8-3 11:13 标题: 好东西啊，谢谢分享

好东西啊，谢谢风向

作者: vanvan 时间: 2011-8-4 13:57 标题: 非常不错，努力学习中。

非常不错，努力学习中。非常不错，努力学习中。非常不错，努力学习中。

作者: chengyuhang99 时间: 2011-8-8 10:51 标题: 什么？

看不见东西啊

作者: lovemyrice 时间: 2011-8-8 22:38

heihei thank

作者: 123456789 时间: 2011-8-9 16:43

这个是什么

作者: YANG 时间: 2011-8-10 18:11 标题: 哈哈哈

我哦。。。

作者: cdcd007 时间: 2011-8-10 22:01

看看内容呢

作者: lihoqi88 时间: 2011-8-14 11:42

下载下来了解下

作者: grannet110 时间: 2011-8-18 10:46

dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd

作者: wufeng1121 时间: 2011-8-18 17:54 标题: 非常不错的幻灯片

非常不错的幻灯片！

作者: 123456f 时间: 2011-8-22 18:10 标题: 好的

生生世世实施生生世世实施上述

作者: lubber2008 时间: 2011-8-22 23:56 标题: 谢谢楼主！

谢谢楼主！

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)