jquery图片突出排列显示.zip资源-CSDN文库

共10个文件

png：5个

js：3个

jpg：1个

版权申诉

javascript

html5

jQuery

199 浏览量 2022-11-22 17:15:33 上传评论收藏 426KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery图片突出排列显示.zip （10个子文件）

jquery图片突出排列显示

jiaoben559

5.png 60KB

jquery-1.3.2.js 118KB

jquery.jcoverflip.js 28KB

1.png 51KB

index.html 2KB

2.png 50KB

4.png 43KB

jquery-ui-1.7.2.custom.js 299KB

3.png 57KB

jquery图片突出排列显示.jpg 56KB

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery图片突出排列显示 - 网页模板</title> <style> .ui-jcoverflip { position: relative; } .ui-jcoverflip--item { position: absolute; display: block; } /* Basic sample CSS */ #flip { height: 200px; width: 1400px; } #flip .ui-jcoverflip--title { position: absolute; bottom: -30px; width: 100%; text-align: center; color: #555; } #flip img { display: block; border: 0; outline: none; } #flip a { outline: none; } #wrapper { height: 500px; width: 1400px; overflow: hidden; } body { font-family: Arial, sans-serif; width: 630px; padding: 0; margin: 0; } </style> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery-ui-1.7.2.custom.js"></script> <script type="text/javascript" src="jquery.jcoverflip.js"></scrip> <script> </script> <script> jQuery( document ).ready( function(){ jQuery( '#flip' ).jcoverflip( {current: 2}); }); </script> </head> <body><br><br><br><br> <div id="wrapper"> <div id="flip"> <a href="http://www.moobnn.com/" title="The first image"><img src="1.png"/></a> <a href="http://www.moobnn.com/" title="A second image"><img src="2.png"/></a> <a href="http://www.moobnn.com/" title="This is the description"><img src="5.png"/></a> <a href="http://www.moobnn.com/" title="Another description"><img src="4.png"/></a> <a href="http://www.moobnn.com/" title="A title for the image"><img src="3.png"/></a> </div> <div style="text-align:center;clear:both"><br><br><br><br> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </div> </body> </html>

评论收藏

内容反馈

版权申诉