<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>30多种js焦点图插件myFocus - 网页模板</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script src="dist/myfocus-2.0.4.min.js" type="text/javascript"></script>
</head>
<body>
<br>
<div id="container" class="mbox">
<div id="content" class="single">
<div class="cbx post">
<!--内容区域-->
<div id="focus_wrap">
<div id="focus_box">
<div id="focus">
<div class="loading"><img src="picture/loading.gif" alt="请稍候..." /></div>
<!--载入画面(可删除)-->
<div class="pic">
<!--图片列表-->
<ul>
<li><a href="http://www.moobnn.com/"><img src="picture/1.jpg" thumb="" alt="图片1说明" text="图片1更详细的描述文字" /></a></li>
<li><a href="http://www.moobnn.com/"><img src="picture/2.jpg" thumb="" alt="图片2说明" text="图片2更详细的描述文字" /></a></li>
<li><a href="http://www.moobnn.com/"><img src="picture/3.jpg" thumb="" alt="图片3说明" text="图片3更详细的描述文字" /></a></li>
<li><a href="http://www.moobnn.com/"><img src="picture/4.jpg" thumb="" alt="图片4说明" text="图片4更详细的描述文字" /></a></li>
<li><a href="http://www.moobnn.com/"><img src="picture/5.jpg" thumb="" alt="图片5说明" text="图片5更详细的描述文字" /></a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="focus_set"> 风格应用选择：
<select id="focus_pattern">
<option value="mF_fscreen_tb">mF_fscreen_tb</option>
<option value="mF_YSlider">mF_YSlider</option>
<option value="mF_luluJQ">mF_luluJQ</option>
<option value="mF_51xflash">mF_51xflash</option>
<option value="mF_expo2010">mF_expo2010</option>
<option value="mF_games_tb">mF_games_tb</option>
<option value="mF_ladyQ">mF_ladyQ</option>
<option value="mF_liquid">mF_liquid</option>
<option value="mF_liuzg">mF_liuzg</option>
<option value="mF_pithy_tb">mF_pithy_tb</option>
<option value="mF_qiyi">mF_qiyi</option>
<option value="mF_quwan">mF_quwan</option>
<option value="mF_rapoo">mF_rapoo</option>
<option value="mF_sohusports">mF_sohusports</option>
<option value="mF_taobao2010">mF_taobao2010</option>
<option value="mF_taobaomall">mF_taobaomall</option>
<option value="mF_tbhuabao">mF_tbhuabao</option>
<option value="mF_pconline">mF_pconline</option>
<option value="mF_peijianmall">mF_peijianmall</option>
<option value="mF_classicHC">mF_classicHC</option>
<option value="mF_classicHB">mF_classicHB</option>
<option value="mF_slide3D">mF_slide3D</option>
<option value="mF_kiki">mF_kiki</option>
<option style="color:#f00;" value="mF_fancy" selected="selected">mF_fancy</option>
<option style="color:#f00;" value="mF_dleung">mF_dleung</option>
<option style="color:#f00;" value="mF_kdui">mF_kdui</option>
<option style="color:#f00;" value="mF_shutters">mF_shutters</option>
<option style="color:#090;" value="more">更多...</option>
</select>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var $id=function(id){return document.getElementById(id)};
var oriHtml=$id('focus_box').innerHTML;
function resetHTML(){//还原
$id('focus_box').innerHTML=oriHtml;
var css=document.getElementsByTagName('style')[0];
css.parentNode.removeChild(css);
}
function pageInit(){
var pattern=location.href.split('pattern=')[1];
if(pattern) $id('focus_pattern').value=pattern;
myFocus.set({id:'focus',pattern:$id('focus_pattern').value});
}
pageInit();
$id('focus_pattern').onchange=function(){
if(this.value==='more'){//更多风格
location.href='more.html';
return;
}
resetHTML();
myFocus.set({id:'focus',pattern:this.value,loadIMGTimeout:0});
}
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
30多种js焦点图插件myFocus.zip
版权申诉
10 浏览量
2022-11-16
21:21:06
上传
评论
收藏 650KB ZIP 举报
30多种js焦点图插件myFocus.zip （100个子文件） 
main.css 10KB mF_fancy.css 2KB mF_fscreen_tb.css 2KB mF_pithy_tb.css 2KB mF_slide3D.css 2KB mF_games_tb.css 2KB mF_tbhuabao.css 2KB mF_kdui.css 2KB mF_shutters.css 2KB mF_ladyQ.css 2KB mF_classicHB.css 2KB mF_classicHC.css 2KB mF_kiki.css 2KB mF_rapoo.css 1KB mF_YSlider.css 1KB mF_liquid.css 1KB mF_taobao2010.css 1KB mF_qiyi.css 1KB mF_sohusports.css 1KB mF_liuzg.css 1KB mF_expo2010.css 1KB mF_quwan.css 1KB mF_peijianmall.css 1KB mF_51xflash.css 1KB mF_pconline.css 1KB mF_taobaomall.css 965B mF_dleung.css 957B mF_luluJQ.css 874B Thumbs.db 6KB Thumbs.db 5KB
loading.gif 7KB logo.gif 5KB loading.gif 4KB loading.gif 3KB loading.gif 3KB btn.gif 2KB play.gif 1KB btn-blue.gif 1KB btn-bg2.gif 666B btn-gray.gif 649B sh-btn.gif 346B turn.gif 316B ar-right.gif 202B ar-left.gif 193B tit-ar.gif 184B tit-ar.gif 184B btn-bg.gif 102B btn-red.gif 90B ar.gif 60B
index.html 5KB custom.html 2KB base.html 1KB
30多种js焦点图插件myFocus.jpg 137KB 2.jpg 58KB 3.jpg 50KB 1.jpg 46KB 3.jpg 45KB 5.jpg 43KB 4.jpg 42KB 1.jpg 40KB 2.jpg 37KB 5.jpg 36KB bg.jpg 33KB 4.jpg 24KB myfocus-2.0.4.full.js 22KB myfocus-2.0.4.min.js 11KB mF_fancy.js 4KB mF_pithy_tb.js 2KB mF_kiki.js 2KB mF_fscreen_tb.js 2KB mF_51xflash.js 2KB mF_rapoo.js 2KB mF_games_tb.js 2KB mF_slide3D.js 2KB mF_taobaomall.js 2KB mF_tbhuabao.js 2KB mF_liuzg.js 2KB mF_ladyQ.js 2KB mF_luluJQ.js 2KB mF_kdui.js 2KB mF_shutters.js 2KB mF_taobao2010.js 1KB mF_peijianmall.js 1KB mF_liquid.js 1KB mF_YSlider.js 1KB mF_classicHB.js 1KB mF_classicHC.js 1KB mF_qiyi.js 963B mF_expo2010.js 958B mF_pconline.js 821B mF_quwan.js 742B mF_dleung.js 618B mF_sohusports.js 590B
sprite_download.png 16KB btn-bg.png 3KB slider-arrows.png 2KB blacktocat.png 1KB icon_download.png 1KB dots.png 1KB bg_hr.png 943B共 100 条
- 1
资源评论
