js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS广告代码 > JS幻灯片

jquery.slider多种过渡效果的图片轮播幻灯片特效

发布时间:2015-08-29 23:13:50    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery.slider多种过渡效果的图片轮播幻灯片特效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>jquery.slider多种过渡效果的图片轮播幻灯片特效</title>
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />>
    <link rel="stylesheet" type="text/css" href="./css/jquery.slider.css" />
    <style>
      body , ul , ol , h2 , h3 , h4, h5 , p , dl , dt , dd , form { padding: 0; margin: 0; }
      img { border: none; }
      li { list-style: none; }
      a{text-decoration:none;outline:none; color:#666666;}
      a:hover{text-decoration:none}
      img{border:0}
      ul{list-style:none;margin:0;}
      .slider2{margin-top:50px}
      .slider3{margin-top:50px}
      .slider4{margin-top:50px}
      .slider1{margin-top:50px}
    </style>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.slider.min.js"></script>
    <script type="text/javascript">
      jQuery(document).ready(function($) {
        $(".slider").slideshow({
          width      : 900,//图片宽度
          height     : 325,//图片高度
          transition : 'bar'//可选过度效果:'explode','square','squareRandom','fountain','rain'
        });
      });
    </script>
  </head>
  <body>
    <center>
      <div class="slider">
        <div><a href="http://www.jstxdm.com"><img src="images/slide_1.jpg" alt=""/></a> </div>
        <div> <a href="http://www.jstxdm.com"><img src="images/slide_2.jpg" alt=""/> </a></div>
        <div> <a href="http://www.jstxdm.com"><img src="images/slide_3.jpg" alt=""/></a> </div>
        <div> <a href="http://www.jstxdm.com"><img src="images/slide_4.jpg" alt=""/></a> </div>
      </div>
    </center>
  </body>
</html>



幻灯片 图片 轮播

js实现轮播幻灯片3D特效并且可以左右翻页

js实现10屏带缩略图和标题的幻灯片轮播特效

JS仿360旅游首页幻灯片效果代码

JS带图片标题自动播放的幻灯片特效

JS视差滑块幻灯片特效

jQuery自动播放淡入淡出的幻灯片特效

jquery.slider多种过渡效果的图片轮播幻灯片特效

js仿淘宝首页缓冲幻灯片特效

jquery实现4款自定义图片切换幻灯片js特效

jquery仿支付宝全屏图片幻灯片淡出淡进切换特效

jquery实现婚纱摄影网站宽屏图片幻灯片轮播切换特效

jquery实现 ChinaJoy2014专题幻灯片特效

jQuery幻灯片插件,按钮控制图片过渡特效

jquery仿百度百科2014新首页幻灯片特效

jquery实现淡出淡入带缩略图的广告图片幻灯片切换特效

jquery仿腾讯新闻网站带缩略图的幻灯片切换代码_js代码

jquery仿搜狐2014巴西世界杯专题幻灯片特效

jquery仿新浪2014成都车展幻灯片

jquery仿网易2014巴西世界杯专题幻灯片特效

jquery仿腾讯网新闻图片特效带缩略图的幻灯片切换特效

jquery图片相册特效,切换上下页,还带对话框提醒特效

jqzoom仿京东商品详细页产品图片放大镜特效

jquery实现图片相册淡入淡出特效插件

jquery实现全屏图片左右滚动预览焦点图特效

js、html5实现极速3D立体式图片相册切换效果

jquery鼠标悬停图片高亮,从左边滑动出标题信息显示效果

jQuery+CSS3 实现动画图片相册,大图全屏展示,前后翻页特效代码

Css3鼠标悬停图片高亮特效

jquery鼠标经过向上滑动标题,可以左右切换图片位置!

query自适应图片高度并带播放提示的相册特效

jquery实现网页右下角弹出并且支持tab标签选项卡的图片广告代码

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效

jQuery仿QQ空间鼠标感应上下滚动预览图片特效

jQuery多张图片相册上下切换,放大预览等特效

jquery实现鼠标移动到图片上显示大图广告特效

JS带图片标题自动播放的幻灯片特效

jQuery动态加载图片相册,弹窗大图特效

jquery实现led广告牌旋转图片切换特效

jquery实现会滚动的新闻列表和图片滚动特效

jquery焦点选项卡图片切换特效,支持自动播放