<!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>
<title>咪咕音乐官网jQuery焦点图 - 网页模板</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/index.css" charset="utf-8" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/music.common.js"></script>
<script type="text/javascript" src="js/music.lazyload.min.js"></script>
</head>
<body>
<center>
<div class="homepage_swrap">
<div class="banner">
<div id="lofslidecontent45" class="lof-slidecontent">
<div href class="lof-previous">
Next </div>
<div href class="lof-next ">
Previous </div>
<ul class="lof-main-wapper">
<li>
<a href="http://www.moobnn.com/?rts/www_p120169_c2160359_stindex.htm?pid=migu1310281&cid=001002A&loc=P1Z1Y1L1N1&locno=1" target="_blank" class="noLogLink">
<img src="images/242135120131028231440big.jpg_RsT_730x300.jpg" title="咱们结婚吧">
</a>
<div class="lof-main-item-desc">
<p>咱们结婚吧 </p>
</div>
</li>
<li>
<a href="http://www.moobnn.com/?rts/zhuanti/20131023/2238474.htm?pid=migu1310251&cid=001002A&loc=P1Z1Y1L1N1&locno=2" target="_blank" class="noLogLink">
<img src="images/235634120131025145751big.jpg_RsT_730x300.jpg" title="樂人志_苏打绿:十年一起走过">
</a>
<div class="lof-main-item-desc">
<p>樂人志_苏打绿:十年一起走过 </p>
</div>
</li>
<li>
<a href="http://www.moobnn.com/?rts/zhuanti/20131023/2238909.htm?pid=migu1310241&cid=001002A&loc=P1Z1Y1L1N1&locno=3" target="_blank" class="noLogLink">
<img src="images/235610620131025141129big.jpg_RsT_730x300.jpg" title="施华洛世奇时尚音乐之旅主题曲《旅程》">
</a>
<div class="lof-main-item-desc">
<p>施华洛世奇时尚音乐之旅主题曲《旅程》 </p>
</div>
</li>
<li>
<a href="http://www.moobnn.com/?rts/zhuanti/20131022/2215021.htm?pid=migu1310231&cid=001002A&loc=P1Z1Y1L1N1&locno=4" target="_blank" class="noLogLink">
<img src="images/223902720131023122959big.jpg_RsT_730x300.jpg" title="IU_李知恩超强势回归 变身冷艳淑女风采依旧">
</a>
<div class="lof-main-item-desc">
<p>IU_李知恩超强势回归 变身冷艳淑女风采依旧 </p>
</div>
</li>
<li>
<a href="http://mclub.migu.cn/space.php?do=event&id=175&pid=migu1310252&cid=001002A&loc=P1Z1Y1L1N1&locno=5" target="_blank" class="noLogLink">
<img src="images/235853620131025161451big.jpg_RsT_730x300.jpg" title="陈楚生11月15日江苏南京歌友会抢票!">
</a>
<div class="lof-main-item-desc">
<p>陈楚生11月15日江苏南京歌友会抢票! </p>
</div>
</li>
<li>
<a href="http://www.moobnn.com/?rts/zhuanti/20131011/2064878.htm?pid=migu1310111&cid=001002A&loc=P1Z1Y1L1N1&locno=6" target="_blank" class="noLogLink">
<img src="images/208562820131011153905big.jpg_RsT_730x300.jpg" title="那些年我们追过的韩剧">
</a>
<div class="lof-main-item-desc">
<p>那些年我们追过的韩剧 </p>
</div>
</li>
<li>
<a href="http://www.moobnn.com/?rts/zhuanti/20131017/2165811.htm?pid=migu1310181&cid=001002A&loc=P1Z1Y1L1N1&locno=7" target="_blank" class="noLogLink">
<img src="images/219577820131018163627big.jpg_RsT_730x300.jpg" title="全能星战">
</a>
<div class="lof-main-item-desc">
<p>全能星战 </p>
</div>
</li>
<li>
<a href="http://i.migu.cn/activity/ccontent/gohome.do?pid=migu1310121&cid=001002A&loc=P1Z1Y1L1N1&locno=8" target="_blank" class="noLogLink">
<img src="images/209103720131012142113big.jpg_RsT_730x300.jpg" title="咪咕音乐 华语词曲创作大赛">
</a>
<div class="lof-main-item-desc">
<p>咪咕音乐 华语词曲创作大赛 </p>
</div>
</li>
<li>
<a href="http://www.moobnn.com/?rts/www_p120169_c477010_stindex.htm?pid=migu1304271&cid=001002A&loc=P1Z1Y1L1N1&locno=9" target="_blank" class="noLogLink">
<img src="images/49065520131025110622big.jpg_RsT_730x300.jpg" title="周杰伦世界巡回演唱会">
</a>
<div class="lof-main-item-desc">
<p>周杰伦世界巡回演唱会 </p>
</div>
</li>
<li>
<a href="http://www.moobnn.com/?rts/zhuanti/20130626/1019528.htm?pid=migu1306271&cid=001002A&loc=P1Z1Y1L1N1&locno=10" target="_blank" class="noLogLink">
<img src="images/104870820130627174831big.jpg_RsT_730x300.jpg" title="庾澄庆巡回演唱会">
</a>
<div class="lof-main-item-desc">
<p>庾澄庆巡回演唱会 </p>
</div>
</li>
</ul>
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="lof-navigator-wapper">
<ul class="lof-navigator">
<li>
<div class="mask">
</div>
<img src="images/242135120131028231440.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/235634120131025144109.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/235610620131025141129.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/223902720131023122959.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/235853620131025161451.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/208562820131011153905.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/219577820131018163627.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/209103720131012142113.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/49065520130424213622.jpg_RsT_80x80.jpg" />
</li>
<li>
<div class="mask">
</div>
<img src="images/104870820130627174831.jpg_RsT_80x80.jpg" />
</li>
</ul>
</div>
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR --></div>
</div>
<!-- banner end }-->
<script type="text/javascript">
$(function(){
var lazy = new ImagesLazyLoad({
mode: "dynamic",attribute:"original",delay: 300,
holder: getIndexUrl().base_html+"/images/o_dot.gif"
});
lazy.resize();
//tab切换
/*/$("ul.css-tabs").tabs("div.css-panes > div");*/
var $cssTabs =$(".css-tabs li");
$(".css-panes > div").addClass("css-panes-con").hide();
$(".css-panes .css-panes-con:first-child").show();
$cssTabs.click(function(){
$(this).addClass("current").siblings().removeClass("current");
$(this).parent().next().find(".css-panes-con").hide().eq($(this).index()).show();
lazy.resize();
});
$("ul.list_title_tab li").find(".icon_sj_tab_blue").hide();
$("ul.list_title_tab li.current").find(".icon_sj_tab_blue").show();
$("ul.list_title_tab li").click(function() {
$(this).siblings().find(".icon_sj_tab_blue").hide();
$(this).find(".icon_sj_tab_blue").show();
});
//banner图片滚动
var $lof = $(".lof-main-wapper li");
var lof_flag = 0;
var lof_auto=setInterval(showNext,4000);
//var lof_auto=setInterval(showNext,9999999999999);
lof_init(0);
$(".lof-previous,.lof-next,.lof-navigator li").hover(function(){
clearInterval(lof_auto);
},function(){
//lof_auto=setInterval(showNext,9999999999999);
lof_auto=setInterval(showNext,4000);
});
$(".lof-navigator li").hover(function(){
lof_flag=$(".lof-navigator li").index($(this)[0])
lof_init(lof_flag);
});
$(".lof-previous").cl
咪咕音乐官网jQuery焦点图.zip
版权申诉
138 浏览量
2022-11-26
11:03:19
上传
评论
收藏 608KB ZIP 举报
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- 基于thinkphp5/weui/layui的简易投票系统,适用于社团/班级投票选举
- 基于Spring +mybatis的投票系统 支持单选多选,统计信息等
- 基于pandas、Scikit-Learn、matplotlib、PyQt5的二手房价分析与预测系统
- 基于 yolov5 和 PyQt5 开发工具搭建了实时违法检测区域入侵软件,支持自定义检测区域、多种对象检测以及事件信息统计
- ZG202220101014胡雪梅.zip
- 姥娘家菜单修改最新再做500张.cdr
- 基于Python实现的英雄联盟知识图谱的问答
- 密码学算法之SHA-1
- 基于Python实现联邦学习框架下基于Memae的异常检测架构
- 密码学之DES加密算法
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈