- 浏览: 2330045 次
- 性别:
- 来自: 武汉
文章分类
- 全部博客 (559)
- JavaScript (55)
- windows (21)
- mysql (7)
- php (199)
- thinkphp (2)
- 互联网 (42)
- flash (3)
- html (9)
- phpcms (11)
- ffmpeg (6)
- 生活 (108)
- flash小游戏 (11)
- 软件 (35)
- css (1)
- JavaScript 二维码 (0)
- 二维码 (1)
- 桌面图标 (1)
- ping服务 (1)
- 百度 (2)
- 搜索引擎 (1)
- seo (1)
- 整形美容 (1)
- 深圳婚纱摄影 (1)
- 武汉婚纱摄影 (2)
- 淘宝 (0)
- 冬装 (0)
- 女装 (0)
- 新款冬装女装 (0)
- freebsd 操作系统 (1)
- editplus (1)
- svn (1)
- 微信 (1)
- 微商 (1)
- curl (1)
- 远程 (1)
- 防盗链 (1)
- vc2012 (1)
- Alexa (1)
- bootstrap (1)
- fileinput (1)
- webuploader (1)
- mip (1)
- 正则 (1)
最新评论
-
hexawing:
啥原理……貌似很神奇啊
excel写保护(非打开保护)的破解方法 -
化蝶自在飞:
注意upload.js的配置参数 sendAsBinary
webuploader实例php 配合fastDFS远程跨域上传回调的注意点 -
化蝶自在飞:
增加一个微信内置浏览器的useragent:
Mozilla/ ...
浏览器useragent大全 -
化蝶自在飞:
leiliang10 写道你揍是个骗纸此话怎讲?这个工具是我自 ...
mp4、mov视频元数据头信息修复工具 支持h.264编码边下边播 -
leiliang10:
你揍是个骗纸
mp4、mov视频元数据头信息修复工具 支持h.264编码边下边播
js 对联广告 js 漂浮广告 js广告漂浮代码 js左右随屏移动对联广告
js代码如下,请另存为 x.js 文件然后在目标页面引用.此代码兼容各浏览器,符号w3c标准.绝对可用.
在目标页面使用方法:
js代码如下,请另存为 x.js 文件然后在目标页面引用.此代码兼容各浏览器,符号w3c标准.绝对可用.
function couplet(){ if(arguments.length>=1) this.objID = document.getElementById(arguments[0]); if(arguments.length>=2) this.divTop = arguments[1]; if(arguments.length>=3) this.divPlane = arguments[2]; if(arguments.length>=4) this.scrollDelay = arguments[4]; if(arguments.length>=5) this.waitTime = arguments[5]; if(!this.objID){ alert("对象名【"+ arguments[0] +"】无效,对联无法初始化,请检查对象名称是否正确!"); this.objID = null; return; }else{ this.objID.style.position="absolute"; this.objID.style.display="block"; this.objID.style.zIndex=9999; } if("" == this.objID.style.top){ if(isNaN(this.divTop)){ alert("对象垂直位置(top)参数必须为数字。"); return; }else{ this.objID.style.top = this.divTop+"px"; } } if("" == this.objID.style.left && "" == this.objID.style.right){ if(isNaN(this.divPlane)){ alert("对象水平位置(left||right)参数必须为数字。"); return; } if(this.divPlane>0) this.objID.style.left = this.divPlane+"px"; if(this.divPlane<0) this.objID.style.right = Math.abs(this.divPlane)+"px"; } if(this.scrollDelay<15 || isNaN(this.scrollDelay)) this.scrollDelay = 15; if(this.waitTime<500 || isNaN(this.waitTime)) this.waitTime = 500; if(arguments.length>=1) this.start(); } couplet.prototype.start = function(){ if(null == this.objID) return; var objCouplet = this; timer = this.scrollDelay; objCouplet.lastScrollY = 0; objCouplet.timerID = null; objCouplet.startID = function(){ if("block" == objCouplet.objID.style.display){ objCouplet.run(); }else{ clearInterval(objCouplet.timerID); } } objCouplet.Begin = function(){ objCouplet.timerID = setInterval(objCouplet.startID,timer); } setTimeout(objCouplet.Begin,this.waitTime); } couplet.prototype.run = function(){ if(document.documentElement && document.documentElement.scrollTop){ uu_scrY = parseFloat(document.documentElement.scrollTop); }else if(document.body){ uu_scrY = parseFloat(document.body.scrollTop); } uu_divX = parseFloat(this.objID.style.top.replace("px","")); uu_curTop = .1 * (uu_scrY - this.lastScrollY); uu_curTop = uu_curTop>0?Math.ceil(uu_curTop):Math.floor(uu_curTop); this.objID.style.top = parseFloat(uu_divX + uu_curTop) + "px"; this.lastScrollY += uu_curTop; }
在目标页面使用方法:
<script type="text/javascript" src="x.js"></script> <script type="text/javascript"> function floatjs(){ new couplet("maple1",400,8); new couplet("maple2",400,-8); } if( window.addEventListener) window.addEventListener('load',floatjs,false); else window.attachEvent('onload',floatjs); </script> <div id="maple1"> <div> <a href="http://www.k686.com/" target="_blank"><img src="http://shop.9qc.com/images/left.gif" title="k686绿色软件" border="0" /></a> </div> </div> <div id="maple2"> <div> <a href="http://www.k686.com/" target="_blank"><img src="http://shop.9qc.com/images/right.gif" title="k686绿色软件" border="0" /></a> </div> </div>
发表评论
-
webuploader实例php 配合fastDFS远程跨域上传回调的注意点
2016-08-02 19:31 3267webuploader上传控件是百度官方提供的一套基于ht ... -
bootstrap上传插件fileinput自动上传&上传成功回调的方法
2016-05-04 19:25 11292bootstrap上传插件fileinput功能非常强大, ... -
bootstrap上传插件fileinput自动上传&上传成功回调的方法
2016-05-03 20:16 21bootstrap上传插件fileinput功能非常强大,本 ... -
微信内置浏览器图片查看方式的原生实现(非jssdk)
2015-06-29 13:30 9958对于非公众平台网页,想调起图片预览组件,就跟公众号文章一样的 ... -
ajax提交表单的一些注意事项:解释为什么return false却依然提交
2012-02-02 19:10 2102ajax提交表单的一些注意事项.ajax提交表单是经常用到的. ... -
phpcms v9编辑器ckeditor数据恢复功能
2011-11-12 21:57 2802为phpcms v9的ckeditor编辑器开发的数据恢复功能 ... -
php+js抓取太平洋汽车网数据自动填表的一个实现
2011-11-11 22:34 2889主要是php输出json,js解析的模式 function ... -
jQuery二维码插件-改自MyQRCode,支持中文字符
2011-08-27 19:34 3842jQuery二维码插件-改自MyQRCode /** ... -
ajax中文参数乱码&ajax缓存的解决方法
2011-07-19 22:13 1541function ajax_get_xm(id,value ... -
jquery和multiple的前世今生-一点点代码收集
2011-03-17 13:43 1226<script type="text/ja ... -
对联广告代码_兼容jquery框架
2011-03-15 09:51 2622对联广告代码: suspendcode="< ... -
二维json格式的解法
2011-01-26 11:01 5075从淘宝数据魔方抓取来的行情简报,json格式如下: [[{& ... -
ckeditor编辑器Word文档粘贴自动去格式的解决方法
2011-01-12 22:36 7708ckeditor,个人感觉相当难用,默认版本会自动格式化从Wo ... -
ckeditor编辑器字体字体大小的调整
2011-01-05 19:55 2872ckeditor编辑器字体字体大小的调整,for phpcms ... -
select下拉框下拉跳转代码
2010-12-22 09:12 3302select下拉框下拉跳转代码 <select na ... -
jquery val() 返回undefined的问题
2010-12-14 17:07 2674jquery val() 返回undefined的问题. ... -
js动态显示时间_js 显示时间的一般写法
2010-12-08 15:43 2006js动态显示时间_js 显示时间的一般写法,数秒效果.不是那种 ... -
分享几条伪静态规则的写法 .htaccess
2010-11-29 10:47 2970RewriteEngine on ... -
js解析php返回的数组格式字符串
2010-11-28 23:43 3205ajax请求php返回一个数组格式的字符串,情况特殊不能修改p ... -
js中replace的用法 正则替换全部符合条件的字符串
2010-11-28 23:38 2301js中replace的用法. <script lan ...
相关推荐
通过以上这些知识点,我们可以编写一个完整的JavaScript漂浮对联广告脚本,使其在页面上既美观又不打扰用户。在实际应用中,还需要结合HTML结构和CSS样式进行细致的调整,以达到最佳的视觉效果和用户体验。
标题:JS对联漂浮广告代码 描述:很好的漂浮广告的JS代码,供大家参考学习。 在现代网页设计中,动态元素的运用可以显著提升用户体验和页面吸引力,其中,漂浮广告作为一项常见且有效的营销手段,被广泛应用于各类...
浮动对联广告代码是一种常见的网页设计技术,用于在网站页面的两侧显示动态漂浮的广告条。这种广告形式因其能够持续吸引用户注意力而被广泛采用。在本案例中,我们讨论的是通过JavaScript实现的浮动对联广告代码。 ...
纯DIVCSS对联漂浮广告代码(无JS),源码网两侧漂浮。经测试,兼容IE6,IE7,Firefox浏览器。
### JS漂浮和对联式广告实例解析 #### 一、概述 在互联网广告领域,为了提高用户体验并增强广告效果,开发人员会采用各种技术手段来实现广告的动态展示。其中,漂浮式广告和对联式广告是两种常见的形式。漂浮式...
109:四屏切换JS广告代码下载 110:JavaScript图片切换效果 下载 111:在线客服代码 下载 112:单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114:四屏JS带缩略图的焦点图 下载 115:书角带阴影的...
109:四屏切换JS广告代码下载 110:JavaScript图片切换效果 下载 111:在线客服代码 下载 112:单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114:四屏JS带缩略图的焦点图 下载 115:书角带阴影的...
在IT行业中,"三组对联广告,左右漂浮,可关闭,可侧漂浮"是一种常见的网页广告设计模式,通常用于提升网站的互动性和用户体验。这种广告形式旨在吸引用户的注意力,同时允许用户根据需要关闭或者调整其显示位置。...
随鼠标漂移的广告展示是一种常见的网页交互设计技术,它主要利用JavaScript(简称JS)来实现元素在页面上的动态跟随效果。这种技术常用于在线广告、提示信息或者导航菜单等,目的是吸引用户的注意力并提高用户体验。...
1:对联广告代码演示下载 2:对联广告带关闭代码演示下载 3:大幅广告自动翻滚代码演示下载 4:大幅图片广告代码演示下载 5:横向滚动图片代码演示下载 6:幻灯图片代码演示下载 7:大幅自动轮换代码演示下载 8:...
左右悬浮对联广告特效代码是在网页中制作左右两侧漂浮广告的一种JavaScript特效实现方式。这种特效能够让广告在页面的左侧或右侧不停地上下漂浮,增加广告的曝光率,通常用于提升网站的点击率或吸引用户的注意力。在...
**漂浮广告**:指的是一种可以在页面任意位置自由移动的广告形式,用户浏览页面时该广告可以随用户的滚动而移动,提高广告的可见度。 #### 对联广告实现 在给定的代码片段中,我们看到了一个名为 `float_ad` 的类...
漂浮对联的展示效果需要通过CSS实现浮动和动画效果,而JavaScript则负责动态交互,如对联的显示、隐藏、移动等。 2. **响应式设计**:为了让对联在不同设备和屏幕尺寸下都能良好显示,需要采用响应式布局。这涉及到...
在本案例中,提供的源码包含了固定式、漂浮式和对联式三种不同的广告展现形式,适用于各种类型的网站,方便快速集成到网页设计中。 固定式广告源码是指广告会始终固定在屏幕的某个位置,不论用户滚动页面,它都会...
常见的网页中插入两侧的对联广告,可漂浮在网页两侧。 带有关闭标志
6. 漂浮广告:在页面任意位置随机或固定位置显示,可以上下左右移动,提高广告的可见性。 7. 页面元素跟随:广告随着用户滚动页面而上下移动,保持在用户的视线范围内。 8. 右上角翻页关闭广告:这种广告通常在右...
CSS多浏览器兼容对联漂浮广告代码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
5. **漂浮特效**:漂浮广告通常是固定在屏幕一侧,即使用户滚动页面,它也会保持在可视区域内。这可以通过设置CSS的`position: fixed`属性来实现。 6. **浮层广告**:浮层广告通常是指在页面上覆盖一层半透明的背景...
为了解决旧版浏览器的兼容性问题,文章还提供了特别的CSS和JavaScript代码。在页面中嵌入对联广告的HTML代码,并通过JavaScript添加了关闭广告的交互功能。整个实现方式简洁明了,既考虑了现代浏览器的高效实现,也...
本款对联广告可始终漂浮在屏幕某一位置,可以手动关闭,但是点击关闭后广告并没有消失,而是至小对联状态,这样对广告商来说是比较公平的,因为广告商都不想用户把其广告关闭了,但作为浏览网站的用户来说,关闭广告...