好用的jquery类似QQ页面右下角弹出窗口_qq空间右下角笑脸是资源-CSDN文库

共3个文件

js：2个

html：1个

jquery弹出框

需积分: 10 148 浏览量 2013-09-10 15:13:34 上传评论收藏 29KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

pop.zip （3个子文件）

pop

jquery.min.js 77KB

yanue.pop.js 4KB

pop.html 3KB

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>jquery右下角pop弹窗完美兼容ie6789 ff chrome</title> <meta name="author" content="yanue" /> <meta name="copyright" content="powered by yanue:yanue.info" /> <meta name="keywords" content="jquery右下角pop弹窗类似discuz右下角消息提示框完美漂亮完全兼容简单好用"> <meta name="description" content="代码下载+演示简单好用 jquery右下角pop弹窗类似discuz右下角消息提示框完美漂亮完全兼容通过jquery.fixed.js插件实现兼容"> </head> <body> <h2>请看浏览器有下角</h2> <h4>完美漂亮完全兼容主要是用css position的fixed属性，但是ie6不支持此属性，通过jquery.fixed.js插件实现兼容通过jquery.fixed.js插件实现兼容</h4> <p>下载地址： <a href="http://www.yanue.info/js/pop/pop.rar">pop.rar</a> </p>  <script type="text/javascript" > //记得加载jquery //作者：yanue //使用参数：1.标题，2.链接地址，3.内容简介 window.onload=function(){ var pop=new Pop("这里是标题，哈哈", "http://www.yanue.info/js/pop/pop.html", "请输入你的内容简介，这里是内容简介.请输入你的内容简介，这里是内容简介.请输入你的内容简介，这里是内容简介"); } </script> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="yanue.pop.js"></script> <div id="pop" style="display:none;"> <style type="text/css"> *{margin:0;padding:0;} #pop{background:#fff;width:260px;border:1px solid #e0e0e0;font-size:12px;position: fixed;right:10px;bottom:10px;} #popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;position:relative;font-size:12px;padding:0 0 0 10px;} #popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;} #popHead #popClose{position:absolute;right:10px;top:1px;} #popHead a#popClose:hover{color:#f00;cursor:pointer;} #popContent{padding:5px 10px;} #popTitle a{line-height:24px;font-size:14px;font-family:'微软雅黑';color:#333;font-weight:bold;text-decoration:none;} #popTitle a:hover{color:#f60;} #popIntro{text-indent:24px;line-height:160%;margin:5px 0;color:#666;} #popMore{text-align:right;border-top:1px dotted #ccc;line-height:24px;margin:8px 0 0 0;} #popMore a{color:#f60;} #popMore a:hover{color:#f00;} </style> <div id="popHead"> <a id="popClose" title="关闭">关闭</a> <h2>温馨提示</h2> </div> <div id="popContent"> <dl> <dt id="popTitle"><a href="http://yanue.info/" target="_blank">这里是参数</a></dt> <dd id="popIntro">这里是内容简介</dd> </dl> <p id="popMore"><a href="http://yanue.info/" target="_blank">查看 »</a></p> </div> </div>  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>zhel </body> </html>

评论收藏

内容反馈