- 浏览: 195346 次
- 性别:
- 来自: 北京
最新评论
-
hncdcsm1:
非常给力,找了很久了,谢谢分享
99款高质量免费(X)HTML/CSS模板(转自blog.bingo929.com不错) -
yuying:
谢谢诶!
非常不错的CSS表单显示效果
为了做好对联广告,从网上下过一些相关代码,都不是那么太好用,在老公的帮助下精简了JS代码,特整理出来以备将来拿来就用。(我觉得这个的好处就是可以自动适应宽屏和普屏分辨率,用不着为广告的定位费半天劲了。)
function hide(){ document.getElementById('adLeft').style.visibility='hidden'; document.getElementById('adRight').style.visibility='hidden'; } lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop){ diffY = document.documentElement.scrollTop; }else if (document.body){ diffY = document.body.scrollTop }else {/*Netscape stuff*/} //alert(diffY); percent=.1*(diffY-lastScrollY); if(percent>0){ percent=Math.ceil(percent); }else{ percent=Math.floor(percent); } document.getElementById("adLeft").style.top=parseInt(document.getElementById("adLeft").style.top)+percent+"px"; document.getElementById("adRight").style.top=parseInt(document.getElementById("adLeft").style.top)+percent+"px"; lastScrollY=lastScrollY+percent; } if(window.screen.width==1280){ if(document.body.clientWidth>=1024){ suspendcode12="<DIV id=\"adLeft\" style='left:55px;POSITION:absolute;TOP:150px;'><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='90' height='270'><param name='movie' value='images/ad.swf' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='images/ad.swf' width='90' height='270' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'></embed></object><a href='#' onclick='hide();'><img src='images/close.gif' border='0' /></a></div>"; suspendcode14="<DIV id=\"adRight\" style='right:55px;POSITION:absolute;TOP:150px;'><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='90' height='270'><param name='movie' value='images/ad.swf' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='images/ad.swf' width='90' height='270' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'></embed></object><a href='#' onclick='hide();'><img src='images/close.gif' border='0' /></a></div>"; }else{ suspendcode12="<DIV id=\"adLeft\" style='left:5px;POSITION:absolute;TOP:150px;'><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='90' height='270'><param name='movie' value='images/ad.swf' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='images/ad.swf' width='90' height='270' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'></embed></object><a href='#' onclick='hide();'><img src='images/close.gif' border='0' /></a></div>"; suspendcode14="<DIV id=\"adRight\" style='right:5px;POSITION:absolute;TOP:150px;'><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='90' height='270'><param name='movie' value='images/ad.swf' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='images/ad.swf' width='90' height='270' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'></embed></object><a href='#' onclick='hide();'><img src='images/close.gif' border='0' /></a></div>"; } }else{ suspendcode12="<DIV id=\"adLeft\" style='left:5px;POSITION:absolute;TOP:150px;'><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='90' height='270'><param name='movie' value='images/ad.swf' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='images/ad.swf' width='90' height='270' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'></embed></object><a href='#' onclick='hide();'><img src='images/close.gif' border='0' /></a></div>"; suspendcode14="<DIV id=\"adRight\" style='right:5px;POSITION:absolute;TOP:150px;'><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='90' height='270'><param name='movie' value='images/ad.swf' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='images/ad.swf' width='90' height='270' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'></embed></object><a href='#' onclick='hide();'><img src='images/close.gif' border='0' /></a></div>"; } document.write(suspendcode12); document.write(suspendcode14); window.setInterval("heartBeat()",2);
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>滚动FLASH对联广告</title> <style> <!-- #adLeft,#adRight{ width:90px; height:270px; z-index:1000; border:1px solid #ccc; } #wrap { height:1000px; width:780px; border:1px solid #ccc; margin:0 auto } --> </style> </head> <body> <DIV id=wrap></DIV> <script language="javascript" src="js/adv.js"></script> </body> </html>
这里我引用了两个images/文件,ad.swf和close.gif,用到具体的地方相关DIV的属性还需要再酌情添加修改,这个懒不能偷。
发表评论
-
如何解决ps导出jpg或png文件过大的问题
2019-07-08 09:48 2639最近做图,忽觉存储文件过程中MAC奇慢无比,竟然发现存储出来 ... -
在线loading图标生成网站
2014-07-15 11:39 1224分享几个优秀的在线loading图标生成网站,方便实现。htt ... -
备忘录
2014-04-17 16:52 720text-shadow:0 1px 1px rgba(25 ... -
好设计的20条金律
2014-01-27 16:46 562可以打破规则,但不 ... -
转:5个设计师应该去的优质设计分享平台 [复制链接]
2012-08-28 16:16 821http://dribbble.com/ http://dr ... -
转一个关于英文自动断行问题的贴子
2011-04-08 20:18 2250转自:http://maymei.ycool.com/post ... -
22个实用的在线配色网站
2010-11-22 09:21 1509如果感觉对色彩的把握还不是很到位,如果你的设计的时候色彩的感觉 ... -
ie6png透明
2010-11-08 22:19 843var arVersion = navigator.appVe ... -
div层遮盖flash(兼容浏览器)
2010-10-26 22:34 1024div层遮盖flash(兼容浏览器) 转自:htt ... -
(转)75个最佳Web设计资源,强烈推荐!
2010-10-03 21:14 878本文地址:http://www.woiweb.net/top- ... -
CSS实现自动等比例缩略图的方法
2010-10-02 15:30 1745完美解决自动缩略图的代码,以实现对原图的等比例收缩。 代码 ... -
针对Google Chrome谷歌浏览器的CSS hack
2010-09-14 13:26 3105所幸Google Chrome用的是与Safari一样的 ... -
解决不同浏览器窗口大小是否显示某DIV问题
2010-09-12 22:57 1031解决不同浏览器窗口大小是否显示某DIV问题: <SCR ... -
图片在DIV中居中
2010-05-07 17:20 1897图片在DIV中永远居中 <div id=&quo ... -
设定网页最小最大宽度和高度(兼容IE6)
2010-03-30 21:38 3044/* 最小寬度 */ .min_width{min-widt ... -
您需要了解的DIVCSS网页布局的8条面试题目
2010-01-26 10:03 866CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官 ... -
转来的总结CSS规范
2010-01-25 15:33 961最近领导让整理个CSS规范做个内部培训,搜了搜资料,觉得这篇文 ... -
如何用css实现圆角_CSS实现圆角解决方案(转)
2010-01-14 18:22 2575导言: 本文探讨的是圆角框的终极解决 ... -
网页设计的3D元素运用25例
2010-01-12 22:23 739Yoast ... -
5种在设计中应用光线和阴影的简单技法 [转]
2010-01-12 22:14 708凡是你目光所及——光线和阴影无处不在。你看到的任何东西都反射回 ...
相关推荐
Flash对联广告代码(带关闭按钮),核心:Flash对联广告代码、带关闭按钮,结合目前国内最流行的设计风格及浏览风格!操作简单,图片大小便于修改,图片大小可根据情况进行及时的修改;对联广告的时间也可以修改,...
3. **网页广告代码**:Flash对联广告的实现离不开网页代码,通常包括HTML、CSS和JavaScript。HTML用于构建页面结构,CSS用于样式控制,而JavaScript则用于实现广告的动态行为,如广告的显示、隐藏、计时更换等。 4....
本资源名为“可单独关闭的JS+flash对联广告代码”,它提供了能够独立关闭的对联广告解决方案,这在提升用户体验方面具有显著价值,因为用户可以选择是否查看广告内容。 首先,我们来详细解析一下这个主题中的关键...
Flash对联广告源代码,放在网页上很漂亮,显示在网页两侧的广告,内容可以不一样,也可以是一样的,带关闭功能,对联广告是一种比较流行的广告投放形式,目前包括门户网站、广告联盟等采用这种广告方式。此为Flash版...
在本案例中,"非常好的广告代码TOM网首页flash对联广告"是一个具体的项目,它指的是TOM网首页上使用的Flash技术制作的对联式广告。这种广告形式通常出现在网站的两侧,模仿传统对联的布局,为用户提供动态、交互式的...
综上所述,"Flash对联代码.rar"这个压缩包很可能是用于创建JavaScript驱动的对联广告特效的源代码。开发者需要具备JavaScript基础知识,了解DOM操作、CSS样式控制、事件监听、动画实现等技术,才能有效地理解和利用...
《JS Flash动画版网页对联广告代码》是一个用于创建动态且可交互的网页广告的资源包,主要由JavaScript和Flash技术结合实现。该资源适用于网页设计师和开发者,旨在提升网站用户体验的同时,有效吸引用户注意力。...
首先,Flash对联是一种常见的网页装饰元素,通常位于网页的两侧,类似于中国传统对联的形式,它能够动态展示信息或广告,增加网站的视觉吸引力。Flash是一种交互式矢量图形和多媒体平台,曾经在网页设计中广泛应用,...
网站对联式Flash广告源代码是一种常见的网页设计元素,尤其在早期互联网中广泛使用,用于在网站两侧展示吸引用户注意力的动态广告。这种广告形式因其布局特点,犹如中国传统对联,左右对称,故被称为“对联式广告”...
【标题】"可关闭 js 对联广告代码(图片非flash)" 涉及的是前端开发中的广告展示技术,特别是利用JavaScript实现的一种用户可选择关闭的对联广告代码。这种广告通常出现在网页两侧,形似对联,且不依赖Flash技术,...
【描述】"来自TOM网首页的flash对联广告.zip" 暗示这个压缩包中可能包含用于构建TOM网首页上Flash对联广告的所有文件,如源代码、图像素材、声音文件等。这些文件可能由前端开发者使用Adobe Flash Professional或...
1:对联广告代码演示下载 2:对联广告带关闭代码演示下载 3:大幅广告自动翻滚代码演示下载 4:大幅图片广告代码演示下载 5:横向滚动图片代码演示下载 6:幻灯图片代码演示下载 7:大幅自动轮换代码演示下载 8:...
尽管如此,理解Flash对联广告在历史上的应用和它如何实现跨浏览器兼容性仍然有价值。 "多浏览器兼容性比较好的Flash对联广告"是指一种设计用于在多种网络浏览器上正常显示的Flash格式广告,通常出现在网页两侧,...
【TOM网首页flash对联广告】是一个典型的网页交互设计案例,它涉及到的技术栈主要与ASP.NET相关,同时可能包括了Flash动画制作、HTML结构布局、JavaScript脚本编程等多个方面。以下将详细介绍这些知识点: 1. **ASP...
"带重播按钮的flash对联广告.rar"是一个包含Flash对联广告的压缩包,这种广告形式通常出现在网站的两侧,以吸引用户的注意力。对联广告的设计特点是其布局与传统的对联相似,具有较高的视觉吸引力。 描述中的"带...
网页Flash对联广告特效,含Fla源代码文件,Apple官方为各大广告商制作的对联广告,兼容性良好,且对联可以关闭,所带的Flash文件可帮助了解一整套广告的响应机理,特别是关闭按钮的实现。 我们可以看出,该效果是...
1:对联广告代码演示下载 2:对联广告带关闭代码演示下载 3:大幅广告自动翻滚代码演示下载 4:大幅图片广告代码演示下载 5:横向滚动图片代码演示下载 6:幻灯图片代码演示下载 7:大幅自动轮换代码演示下载 8:...