jquery可定制弹出窗口.zip资源-CSDN文库

共8个文件

png：3个

js：2个

css：1个

版权申诉

javascript

html5

jQuery

5 浏览量 2022-11-21 11:32:26 上传评论收藏 120KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery可定制弹出窗口.zip （8个子文件）

jquery可定制弹出窗口

jquery可定制弹出窗口.jpg 52KB

jiaoben582

css

3_03.png 10KB

pop-up_03.png 33KB

pu_03.png 5KB

style.css 2KB

index.html 2KB

jquery.min.js 69KB

custom.js 1KB

<!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"> <style type="text/css"> body{position:relative;margin:0;padding:107px 0 0 0;} </style> <title>jquery可定制弹出窗口 - 网页模板</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/custom.js"></script> </head> <body> <div id="trigger"> <h1><a href="#" rel="popuprel" class="popup">点击这里为第一定制模式窗口</a></h1> <h1><a href="#" rel="popuprel3" class="popup">点击这里为第二定制模式窗口</a></h1> <h1><a href="#" rel="popuprel2" class="popup">点击这里为第三定制模式窗口</a></h1> </div> <div class="popupbox" id="popuprel"> <div id="intabdiv"> <h2>Content Demo 1</h2> <p>Check out WebDesignersDesk for more tutorials<br /> <a href="http://www.moobnn.com/jiaoben/" target="_blank">jQuery特效</a></p> </div> </div> <div class="popupbox2" id="popuprel2"> <div id="intabdiv2"> <h2>Content Demo 1</h2> <p>Its Prakash Ghodke here, We run a blog named WebDesignersDesk.com. WebDesignersDesk is a blog dedicated to freelancer, <a href="http://www.moobnn.com/" target="_blank">网页模板</a>designer, developers and bloggers. We post article related to designing, blogging and development.</p> </div> </div> <div class="popupbox3" id="popuprel3"> <div id="intabdiv3"> <h2>Content Demo 1</h2> <p>Its Prakash Ghodke here, We run a blog named WebDesignersDesk.com. WebDesignersDesk is a blog dedicated to freelancer, designer, developers and bloggers. We post article related to designing, blogging and development.</p> </div> </div> <div id="fade"></div> <br><br><br><br> <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>

评论收藏

内容反馈

版权申诉