• a0_137511
    了解作者
  • 932.8KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-16 03:12
    上传日期
javascript图片播放。联想首页原有的播放方式。 xml和flash交换数据
jquery幻灯.rar
  • jquery幻灯
  • css.css
    1.4KB
  • images
  • ad_pic1.gif
    11.6KB
  • 02.jpg
    157.1KB
  • 03.jpg
    150.4KB
  • 04.jpg
    121.1KB
  • 07.jpg
    121.6KB
  • btn_02.jpg
    21.1KB
  • btn_01.jpg
    22.8KB
  • btn_04.jpg
    20.8KB
  • center.jpg
    81.2KB
  • ifocus_btn_bg.gif
    909B
  • 06.jpg
    151.9KB
  • 08.jpg
    151.6KB
  • btn_03.jpg
    22KB
  • jquery.js
    55.9KB
  • index.html
    4.3KB
内容介绍
<!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 runat="server"> <title>jqueryflash</title> <link type="text/css" rel="Stylesheet" href="css.css" /> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { var currentIndex = 0; var DEMO; //函数对象 var currentID = 0; //取得鼠标下方的对象ID var pictureID = 0; //索引ID $("#ifocus_piclist li").eq(0).show(); //默认 autoScroll(); $("#ifocus_btn li").hover(function() { StopScrolll(); $("#ifocus_btn li").removeClass("current")//所有的li去掉当前的样式加上正常的样式 $(this).addClass("current"); //而本身则加上当前的样式去掉正常的样式 currentID = $(this).attr("id"); //取当前元素的ID pictureID = currentID.substring(currentID.length - 1); //取最后一个字符 $("#ifocus_piclist li").eq(pictureID).fadeIn("slow"); //本身显示 $("#ifocus_piclist li").not($("#ifocus_piclist li")[pictureID]).hide(); //除了自身别的全部隐藏 $("#ifocus_tx li").hide(); $("#ifocus_tx li").eq(pictureID).show(); }, function() { //当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步 currentID = $(this).attr("id"); //取当前元素的ID pictureID = currentID.substring(currentID.length - 1); //取最后一个字符 currentIndex = pictureID; autoScroll(); }); //自动滚动 function autoScroll() { $("#ifocus_btn li:last").removeClass("current"); $("#ifocus_tx li:last").hide(); $("#ifocus_btn li").eq(currentIndex).addClass("current"); $("#ifocus_btn li").eq(currentIndex - 1).removeClass("current"); $("#ifocus_tx li").eq(currentIndex).show(); $("#ifocus_tx li").eq(currentIndex - 1).hide(); $("#ifocus_piclist li").eq(currentIndex).fadeIn("slow"); $("#ifocus_piclist li").eq(currentIndex - 1).hide(); currentIndex++; currentIndex = currentIndex >= 4 ? 0 : currentIndex; DEMO = setTimeout(autoScroll, 2000); } function StopScrolll()//当鼠标移动到对象上面的时候停止自动滚动 { clearTimeout(DEMO); } }); </script> </head> <body> <div id="confirm"></div> <!-- 区块一开始 --> <div class="content1"> <div class="top"></div> <div class="main cl"> <!-- FLASH切换图开始 --> <div class="l_flash_pic"> <div id="ifocus"> <div id="ifocus_pic"> <div id="ifocus_piclist" style="left:0; top:0;"> <ul> <li><a href="XiaoYuan.htm" target="_blank" rel='nofollow' onclick='return false;'></a></li> <li><a href="http://www.top86.com/" target="_blank" rel='nofollow' onclick='return false;'></a></li> <li><a href="http://www.top86.com/" target="_blank" rel='nofollow' onclick='return false;'></a></li> <li><a href="http://www.top86.com/" target="_blank" rel='nofollow' onclick='return false;'></a></li> </ul> </div> <div id="ifocus_opdiv"></div> <div id="ifocus_tx"> <ul> <li class="current">校园模特招聘</li> <li class="normal">焦点图 b2</li> <li class="normal">焦点图 c3</li> <li class="normal">焦点图 d4</li> </ul> </div> </div> <div id="ifocus_btn"> <ul> <li class="current" id="p0"></li> <li id="p1"></li> <li id="p2"></li> <li id="p3"></li> </ul> </div> </div> </div> <!-- FLASH切换图结束 --> </div> </div> <!-- 区块一结束 --> </body> </html>
评论
    相关推荐