最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网页JS特效 > 图形图象类

网站特效:不被拦截的弹窗广告代码

日期:10-14    来源:中国设计秀    作者:cnwebshow.com

大部分弹窗代码都不敌日趋强悍的浏览器弹窗拦截功能,99%以上都会被拦截。本文介绍的这款弹窗代码颇特别,它通过prototype框架来实现弹窗效果,虽然严格意义来讲不算是弹窗代码,不太完美,但总算能实现弹窗的效果,有需要的不妨试一下。dBS中国设计秀

代码使用:dBS中国设计秀

1. 在<head>区加入以下代码dBS中国设计秀

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/alessi.css" />

2.在<body>区加入以下代码dBS中国设计秀

<div id="overlay-home"></div>
<div class="img-overlay" id="overlay_img">
     <a class="close" href="#" onclick="$('overlay_img').hide(); $('overlay-home').hide(); return false;"><span>Close</span></a>
     <a class="img_over" href="http://www.5icool.org/" title="alessi oggetti e progetti" target="_blank"><span>Alessi</span></a>
</div>

如果不需要遮罩效果,请去掉<div id="overlay-home"></div>这句。dBS中国设计秀

3.修改alessi.css文件的类img-overlay,把背景图片修改为自己的图片即可。dBS中国设计秀

本文引用地址:/js/article_63454.html
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明