简单带标题jQuery焦点图.zip资源-CSDN文库

共7个文件

jpg：4个

js：2个

html：1个

版权申诉

html5

jQuery

javascript

108 浏览量 2022-11-25 10:22:48 上传评论收藏 709KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

简单带标题jQuery焦点图.zip （7个子文件）

简单带标题jQuery焦点图

简单带标题jQuery焦点图.jpg 73KB

jiaoben1226

images

2.jpg 57KB

1.jpg 52KB

3.jpg 459KB

index.html 1KB

jquery.js 255KB

omHDP.js 4KB

<!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=gb2312" /> <title>简单带标题jQuery焦点图 - 网页模板</title> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/omHDP.js" language="javascript"></script> <script> $(function(){ $(".hdp_container").OM_HDP({delay:300,time:5000,title:1,type:2}); /*引用时，.hdp_container容器的宽度和高度即为幻灯片图片的宽和高，参数【delay:动画效果持续时间,time:图片切换时间,title:显示文字介绍--1不显示--0，type;0为淡入淡出，1为左右滑动】*/ })</script> <style> .hdp_container{width:720px;height:210px;margin:0px auto;position:relative;font-size:12px;overflow:hidden;} </style> </head> <body> <div class="hdp_container"> <a title="标题一" href="http://www.moobnn.com/"><img src="images/1.jpg"></a> <a title="标题二" href="http://www.moobnn.com/"><img src="images/2.jpg"></a> <a title="标题三" href="http://www.moobnn.com/"><img src="images/3.jpg"></a> </div> <div style="text-align:center;clear:both"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉