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

<!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>

大气炫酷焦点轮播图js特效-Discuz教程下载

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

相关帖子

全部评论 0

最佳新人

管理/版主

土豪装逼

教程 / CSS+DIV素材

【原创】将文章访问量转换为K的的显示样式，如将21302转换为21.316人阅读

【原创】discuz论坛分类信息中，帖子发布页有多个图片上传功能，342人阅读

【原创】修改discuz门户文章发布时间，将默认时间yyyy-mm-dd修改351人阅读

【实测】Discuz修改论坛列表页排序，实现主题帖子按最新发表时间426人阅读

Discuz! X3.2 - X3.4 升级至 Discuz! X3.5 详细教程440人阅读

Discuz浮窗多图的DIY单页素材332人阅读

html5+css3的浮窗单图DIY模块370人阅读

html5+css3的横排导航列表DIY模块510人阅读

html5+css3的四排图文资讯列表DIY模块579人阅读

垂直时光轴HTML单页+CSS+js模块1238人阅读

所属版块