首页 > 网页特效 > 广告代码 > 基于prototype框架的不被拦截的弹窗代码

基于prototype框架的不被拦截的弹窗代码

时间:2010-06-30    来源:酷站代码

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

代码使用:

1. 在<head>区加入以下代码

<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>区加入以下代码

<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>这句。

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


栏目搜索>>分类导航
Flash幻灯 jQuery幻灯 JS幻灯 Flash相册 jQuery相册 图片特效 导航菜单 广告代码 在线客服 表单按钮 其它特效

HTML CSS JavaScript Dreamweaver Fireworks 设计分享

建站教程 网站运营 实用工具 网页模板 网页素材

CSS酷站 网上购物 设计团队 设计博客
下载排行榜
31款简单实用的CSS+JS下拉菜单脚本
带标题和数字导航的JS焦点幻灯特效代码
半透明立体质感的宽屏flash+xml焦点幻灯代码
简洁效果多图切换flash幻灯焦点图代码
适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
透明质感上下滑动带小图预览5屏JS焦点图幻...
唯美华丽带缩略小图的滑动式JQuery幻灯片特...
14款很漂亮的jQuery导航菜单插件
3D立体效果金字塔环形旋转的flash+xml相册代码
带标题显示的宽屏jQuery焦点幻灯片代码
教程排行榜
21个可用于网站和博客的免费视频播放器插件
10个WEB开发者应该收藏的实用工具网站推荐
20款国外知名的PHP开源免费CMS系统推荐
10款有利于加速WEB开发的必备CSS开发框架
国外十五款优秀的免费开源电子商务平台
新浪SAE新手教程:如何下载和安装DiscuzX2.0?
微博数据分析:新浪微博企业微博发布时间规...
12款跨浏览器的网页兼容性测试工具推荐
国外五款主流的免费网站流量统计工具
巧用QQ漂流瓶做网站营销推广