繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP > 灵活实用的页面广告实例
- ASP
- asp实现取得数组中的最大值的代码
- asp 将日期格式化为需要的格式
- asp 下产生任意位数随机密码的代码
- asp下返回以千分位显示数字格式化的数值
- asp重定向页面的方法总结
- asp下去除数组中重复的项的方法
- asp下实现 重新排序数字数组的代码
- asp 验证输入网址是否有效并可以访问 与正则验证输入网址
- asp验证Ip格式的函数
- asp实现生成由数字，大写字母，小写字母指定位数的随机数
- asp 格式化sql中的like字符串
- asp 实现显示所有的服务器变量值的函数
- asp 取得用户真实IP，对代理地址仍然有效的函数
- asp 通用数据库连接过程函数
- asp 字符串截取函数
- asp下实现格式化文件大小以MB显示的函数
- asp 下用正则表达式检测邮箱格式的函数
- asp 实现检测字符串是否为纯字母和数字组合的函数
- asp代码实现检测组件是否安装的函数
- asp通过JMAIL实现通用发送函数
ASP 中的 灵活实用的页面广告实例
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-03 浏览: 206 ::
收藏到网摘: n/a
目前，许多主页上流行放置一个浮动层的广告图像（通常位于页面右下方），显示在文字层之上，当页面上下滚动时，广告图像并不随页面滚动，它总能在窗口中保持一个固定位置。本程序就是这种广告效果的一个实例，并在原有的基础上增加了拖动功能，如果在浏览页面时需要观察的内容正好被广告图像遮挡，可将广告图像拖到其它位置。并解决了图像拖动中鼠标按键的Click动作与执行广告图像链接的Click动作之间的冲突。直接点击广告图像即可执行图像链接，而在图像拖动过程中的鼠标按下和释放的动作不会触发广告链接。这样改进后，用户在浏览你的页面时会感到更加方便、自然。
程序是由JavaScript脚本语言编写的，并不复杂，为了节省文章篇幅起见，就不在此处对程序原理作过多的说明了，而是在后面的程序文档中给出详实的注释语句。读者通过阅读注释说明就会明了实现的原理，并可从中了解到如何在屏幕上定位图像，拖动图像等许多动态HTML语句的编程方法。如果想直接使用这个程序，只要将演示页面的相应内容复制到自己页面内的对应位置就可以使用了。
程序文档分为二个部分，dragtest.htm是演示用的主页面程序，mydrag.js是由主页面调用的外部脚本程序文件，还使用了一个演示用的图像文件：myimage.gif 。将主页面文件、脚本文件和图像文件放置在相同目录下，就可正常使用。具体的程序文档内容如下：
（一）·简化的主页面演示程序文档：dragtest.htm
<html>
<head>
<title>可拖动的广告图像演示页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<STYLE TYPE="text/css">
<!--
/*设定一个ID样式，名称中要包含DRAG字串，供程序识别可拖动元件用。*/
#elDRAGone {
position: absolute;
left: 600; top: 300;
color: red;
width: 120;
height:60;
z-index:3;
}
-->
</STYLE>
</HEAD>
</head>
<body bgcolor="#FFFFFF" style="font-size:9pt;color:'#555500';">
<!-- 在DIV标记的属性中指定前面设定的ID样式。-->
<!-- 注意<a>标记中的onclick="return if_link();"事件语句， -->
<!-- 由它调用是否执行链接动作的判别函数，如果返回值为“假”， -->
<!-- 则不执行链接动作，反之则执行链接动作。-->
<DIV ID="elDRAGone"><a href="http://www.sohu.com" onclick="return if_link();"> <img src="/upload/tech/20091103/20091103100842_fe73f687e5bc5280214e0486b273a5f9.gif"" border="0" alt="可拖动到任意位置！"><a></DIV>
<SCRIPT LANGUAGE="JavaScript">
/*连续输出多个文字串，供页面演示用。*/
for(i=0;i<50;i++){
document.write("这是一个“可拖动的广告图像”演示程序。<br><br>");
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src=mydrag.js>
/*调用图像拖动控制程序的外部脚本文件*/
/*注意此脚本的调用要放置在body区域的下部*/
</SCRIPT>
</body>
</html>
（二）·由主页面调用的外部脚本程序文档：mydrag.js
///////外部脚本控制程序开始///////
///////程序名：mydrag.js ///////
//记录页面的垂直滚动位置的变量。
lastScrollY=0;
//在程序中校准图像在页面中的位置。
with (document.all.elDRAGone) {
style.pixelTop=offsetTop;
style.pixelLeft=offsetLeft;
}
//在页面上定位图像的函数。
function position_img() {
//计算出页面垂直滚动的偏移量。
diffY = document.body.scrollTop-lastScrollY;
//保存本次页面滚动位置。
lastScrollY=document.body.scrollTop;
//移动图像到原来的窗口位置。
document.all.elDRAGone.style.pixelTop += diffY;
}
//建立记录图像初始位置的变量，用于计算图像是否被拖动过。
originX=originY=0;
//如果图像被拖动过，则offset_pixel变量的值大于0。
offset_pixel=0;
//记录图像在文档中的现行坐标值。
currentX = currentY = 0;
//保存被拖动对象的变量。
whichEl = null;
//onmousedown事件调用的图像抓取函数。
function grabEl() {
//只允许用
评论 (0) All
