兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册
PS教程

大气炫酷焦点轮播图js特效

[复制链接]
tuyuanma 发表于 2017-1-20 18:50:32 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


<!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" />
<title>大气炫酷焦点轮播图js特效</title>
<meta name="keywords" content="大气,炫酷,焦点,轮播图,js特效" />
<meta name="description" content="大气炫酷焦点轮播图js特效" />
<script type="text/javascript" src="js/myfocus-2.0.4.min.js"></script>
<style type="text/css">
body { background:#fff; padding:20px;}
h2{height:42px; line-height:42px; background:#f1f1f1; margin-bottom:20px; font-size:12px; color:#666; font-weight:normal;}
#myFocus{ width:560px; height:300px;}
</style>
<script type="text/javascript">
//设置
myFocus.set({
         id:'myFocus',//ID
         pattern:'mF_fancy'//风格
});
</script>
</head>
<body>
<h2>提示:可以修改“pattern”参数以更换不同的风格</h2>
<div id="myFocus"><!--焦点图盒子-->
  <div class="loading"></div><!--载入画面(可删除)-->
  <div class="pic"><!--图片列表-->
       <ul>
        <li><a href="#1"><img src="img/1m.jpg" thumb="" alt="Picture information 1" text="图片1更详细的描述文字" /></a></li>
        <li><a href="#2"><img src="img/2m.jpg" thumb="" alt="Picture information 2" text="图片2更详细的描述文字" /></a></li>
        <li><a href="#3"><img src="img/3m.jpg" thumb="" alt="Picture information 3" text="图片3更详细的描述文字" /></a></li>
        <li><a href="#4"><img src="img/4m.jpg" thumb="" alt="Picture information 4" text="图片4更详细的描述文字" /></a></li>
        <li><a href="#5"><img src="img/5m.jpg" thumb="" alt="Picture information 5" text="图片5更详细的描述文字" /></a></li>
       </ul>
  </div>
</div>
</body>
</html>


版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2018-12-10 08:42
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表