现在的位置: 网页制作教程JS网页特效 >正文
jquery相关教程

jquery右下角POP弹窗 完美兼容浏览器(仿QQ通知)

发表于2016/10/30 JS网页特效 0条评论 ⁄ 热度 2,926℃
导语:网站需要下发通知时,如何像QQ通知一样,在显示器的右下角弹出消息提示框?网上找了很多代码,要不没用,要不就是不兼容各版本浏览器。只能自己写一个了。

右下角消息提示框主要是用css position的fixed属性,但是ie6不支持此属性,所以通过jquery.fixed.js插件实现兼容。

jquery实现右下角弹出消息提示框的调用代码

<script type="text/javascript" > 
   //记得加载jquery 
   //使用参数:1.标题,2.链接地址,3.内容简介
   window.onload=function(){ 
   var pop=new Pop("这里是标题,哈哈",
   "http://www.webym.net/jiaocheng/178.html",  
   "请输入你的内容简介");  
   }  
</script>

运行效果如下:

jquery右下角提示框

这个效果完美兼容IE、chrome、Firefox等浏览器。如果觉得不错,点击下方按钮下载吧。

源码分享:QQ选号网站源码QQ号码交易网源码

  • 暂无评论