html对联代码
来源：热门资讯 发布时间：2013-06-21 点击：
html对联代码篇一
js浮动广告 对联广告代码
<script>
// 这是关闭飘浮广告的宽度，请根据你的广告内容而定
var hbcms_ad_width = 126;
// 这是关闭飘浮广告的代码，可以换成图片，点击即可关闭
var hbcms_close_str = '<div onClick="closeBanner();" style="color:gray;font-size:9pt;cursor:hand;text-align:center;width:100%;background-color: white;">关闭</div>';
// 设置左边的广告代码,请自己更换图片地址，或换成flash，或换成纯文字
// 如果不希望显示左边的广告，可设置为 = '';
var hbcms_left_ad = '<img src="images/duilian.jpg" width=100% height=384>' + hbcms_close_str;
// 设置右边的广告代码,如果要和左边的广告一致，可设为 = hbcms_left_ad;
// 如果不希望显示右边的广告，可设置为 = '';
var hbcms_right_ad = hbcms_left_ad;
var delta=0.8;
var collection;
var closeB=false;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:'+hbcms_ad_width+'px;
height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;
this.items[this.items.length] = newItem;
}
this.play = function()
{
collection = this.items
setInterval('play()',30);
}
}
function play()
{
if(screen.width<=800 || closeB)
{
for(var i=0;i<collection.length;i++)
{
collection[i].object.style.display = 'none';
}
return;{html对联代码}.
}
for(var i=0;i<collection.length;i++)
{
var followObj = collection[i].object;
var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x); var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
}
if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;
}
followObj.style.display = '';
}
}
function closeBanner()
{
closeB=true;
return;
}
var theFloaters = new floaters();
theFloaters.addItem('followDiv1','document.body.clientWidth-106',hbcms_ad_width,hbcms_right_ad);
theFloaters.addItem('followDiv2',6,hbcms_ad_width,hbcms_left_ad);
theFloaters.play();
</script>
html对联代码篇二
带关闭按钮的浮动对联代码
<script language="JavaScript" type="text/javascript">
<!--
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*/}
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lovexin12").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";
document.getElementById("lovexin14").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
suspendcode12="<DIV id=\"lovexin12\" style='left:2px;POSITION:absolute;TOP:120px;'><a href=\"#\" onclick=\"javascript：close_dl();\">关闭</a><br /><a href=/index.asp target=_blank><img src=images/dl.gif border=0></a></div>"
suspendcode14="<DIV id=\"lovexin14\" style='right:2px;POSITION:absolute;TOP:120px;'><a href=\"#\" onclick=\"javascript：close_dl();\">关闭</a><br /><a href=/index.asp target=_blank><img src=images/dl.gif border=0></a></div>"
document.write(suspendcode12);
document.write(suspendcode14);
var heart_o;
heart_o=self.setInterval("heartBeat()",50);
function close_dl()
{
window.clearTimeout(heart_o);
document.getElementById('lovexin12').style.display="none";
document.getElementById('lovexin14').style.display="none";
}
//-->
</script>
html对联代码篇三
网页特效Js对联广告代码,可关闭的对联广告
网页特效
Js对联广告代码，可关闭的对联广告
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js对联广告滚动代码可关闭</title>
</head>
<BODY>
<script language=JavaScript>
suspendcode="<DIV id=lovexin1 style='Z-INDEX: 10; LEFT: 6px; POSITION: absolute; TOP: 105px; width: 100; height: 300px;'><img src='/jscss/demoimg/201201/close.gif' onClick='javascript：window.hide()' width='100' height='14' border='0' vspace='3' alt='关闭对联广告'><a href='/' target='_blank'><img src='images/ad_100x300.jpg' width='100' height='300' border='0'></a></DIV>"
document.write(suspendcode);
suspendcode="<DIV id=lovexin2 style='Z-INDEX: 10; LEFT: 896px; POSITION: absolute; TOP: 105px; width: 100; height: 300px;'><img src='/jscss/demoimg/201201/close.gif' onClick='javascript：window.hide()' width='100' height='14' border='0' vspace='3' alt='关闭对联广告'><a href='target='_blank'><img src='images/ad_100x300.jpg' width='100' height='300' border='0'></a></DIV>"
document.write(suspendcode);
//flash格式调用方法
//<EMBED src='flash.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=ad wmode=opaque></EMBED>
lastScrollY=0;
function heartBeat(){
diffY=document.body.scrollTop;
percent=.3*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.lovexin1.style.pixelTop+=percent;
document.all.lovexin2.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
function hide()
{
lovexin1.style.visibility="hidden";
lovexin2.style.visibility="hidden";
}
window.setInterval("heartBeat()",1);
</script>
<table width="778" height="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4">
<tr>
<td> </td>
</tr>
</table>
</BODY>
</HTML>
html对联代码篇四
飘浮、对联及悬浮广告代码大全
飘浮、对联及悬浮广告代码大全 (2011-01-10 16:51:25)
转载
标签： 分类： 技术文章
飘浮
对联
悬浮广告
代码
大全
去过新浪或者搜狐吗？虽然我们都不愿意看广告，但是它们做广告的技术我们却应该学到手，这不，又一种很流行的做法儿，做成那种两边对称的对联式的广告，而最醒目的地方还有一个关闭的小按扭，这是不是比弹出的小广告更让人容易接受一些呢，你愿意看就看，不愿意看就点击那个按扭关掉，的确是比那种被人家3721或是其它IE插件拦截掉的小弹出广告效果和功能好了许多，而那个对联式广告中的关闭按扭的制作也是有一点学问的。我们姑且不论如何制作对联Flash广告，而主要讲一下那个广告里的小X（关闭按扭）的代码，以及和外部的接合。具体步骤如下：画一个小X式的图形，这应该不难吧？全部选中后，按下F8键转化成一个“按扭”组件，点击选中这个小按扭后，按下F9键打开动作面板，添加以下代码： on (release) { getURL("FSCommand:", ""); } 就这么简单吗？对，在Flash里就是这么简单了，当然，还要在网页里做以下工作。这里我们多运用一些javascript的东西来做我们这个代码块儿移植性很好的对联。全部代码如下：
居顶,不随下拉条滚动的
广告代码
<!-- duilian begin -->
<SCRIPT language=javascript event=FSCommand() for=dl>
duilian2.style.visibility='hidden';
duilian3.style.visibility='hidden';
</SCRIPT> <SCRIPT language=javascript>
function winload()
{
duilian2.style.top=20;
duilian2.style.left=5;
duilian3.style.top=20;
duilian3.style.right=5;
}
//if(document.body.offsetWidth>800){
{
document.write("<div id=duilian2 style='position:
absolute;visibility:visible;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'
id=dl></EMBED></div>"
+"<div id=duilian3 style='position:
absolute;visibility:visible;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'
id=dl></EMBED></div>");
}
winload()
//}
</SCRIPT>
随下拉条滚动的
广告代码
<SCRIPT FOR='EccoolAd' EVENT='fscommand()' LANGUAGE='javascript'> AdLayer1.style.visibility='hidden';
AdLayer2.style.visibility='hidden';
</script>
<script>
function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 50;
var diff = (document.body.scrollTop + y -
document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);{html对联代码}.
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 50;
document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posRight = x"); setTimeout("MoveRightLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position:
absolute;visibility:hidden;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'
id=dl></EMBED></div>"
+"<div id=AdLayer2 style='position:
absolute;visibility:hidden;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'
id=dl></EMBED></div>");
initEcAd()
</script>{html对联代码}.
或者：
广告代码
<!--以下网页对联广告代码-->
function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;{html对联代码}.
var y = 165 ;
var diff = (document.body.scrollTop + y -
document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 165;
document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posRight = x"); setTimeout("MoveRightLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position:
absolute;visibility:hidden;z-index:1'><a
href=“” target=_blank ><img src=图片地址 border=0></a></div>" +"<div id=AdLayer2 style='position:
absolute;visibility:hidden;z-index:1'><a href=连接地
址 target=_blank ><img src=图片地址 border=0></a></div>"); initEcAd()
[color=White][color=Red]把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面<head></head>之间加上一列代码：[/color][/color] 程序代码
<SCRIPT FOR='EccoolAd' EVENT='fscommand()' LANGUAGE='JavaScript'> AdLayer1.style.visibility='hidden';
AdLayer2.style.visibility='hidden';
</script>
<script src="/blog/ggao.js>";</script>
程序代码
<!-- 对联开始 -->
<SCRIPT language=javascript event=FSCommand() for=dl>
duilian2.style.visibility='hidden';
duilian3.style.visibility='hidden';
</SCRIPT>
<SCRIPT language=javascript>
function winload()
{
duilian2.style.top=20;
duilian2.style.left=5;
duilian3.style.top=20;
duilian3.style.right=5;
}
//if(document.body.offsetWidth>800){
{
document.write("<div id=duilian2 style='position:
absolute;visibility:visible;z-index:1'><EMBED src='duilian.swf'
quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'
id=dl></EMBED></div>"
+"<div id=duilian3 style='position:
absolute;visibility:visible;z-index:1'><EMBED src='duilian.swf'
quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>");
}
winload()
//}
</SCRIPT>
<!-- 对联结束 -->
整个这一部分包含了两段JS代码块，从第一个看以看出是设置当对联Flash中发生事件眯FSCommand()时duilian2和duilian3的visibility（可见）属性为hidden（隐藏）。而第二段JS就是插入对联广告以及设置了一下对联在浏览器窗口中所出现的位置。把上边那段代码，插入到任何网页的之间，然后把那个对联Flash拷贝到和那网页同目录下，浏览就可以看到了，怎么样，是不是又感觉学会了一招儿？
网页对联广告代码效果大全
现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：
程序代码
var delta=0.015
var collection;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px;
height:60px;left:'+(typeof(x)=='string'?eval_r(x):x)+';top:'+(typeof(y)=='string'?eval_r(y):y)+'">'+content+'</DIV>');
var newItem = {};
newItem.object = document.getElementByIdx_x_x_x_x(id);
newItem.x = x;
newItem.y = y;
this.items[this.items.length] = newItem;
}
this.play = function()
html对联代码篇五
jquery浮动式对联广告代码
/* 此插件要求运行在jQuery v1.3 或更高版本上
* 此插件功能
* 1、单独设置左、右浮动对联各自内容;
* 2、设置左右浮动对联内容一样;
* 3、仅单独使用左或右侧对联;
* 4、可以在屏幕分辨率宽度小于多少时不出现对联广告;
* 5、设置是否允许关闭对联，每侧对联单独关闭。
* 6、使用jQuery使网页内容和行为分离。
* 7、可以设置左或右侧对联距容器顶部及左侧或右侧的距离。
* 8、灵活设置左或右侧对联的高或宽,当您的内容大小超过您的设置值时，将自动隐藏超出部分。 * 9、只要您愿意，您可以设置无数多个浮动内容。
* 10、更多功能请您在我的博客中留言，以便我后续更新……
*
*
* 技术支持：HTTP://HI.BAIDU.COM/DPXDQX
* 此为自由拷贝版本，您可以在此基础上添加任何功能
* 彦磊建议您将修改过的版本或发布地址发到彦磊博客上以共享，也建议您保留部分彦磊的信息 *
*
*
* 使用前您一定要引入jQurey及本脚本,如
* <script type="text/javascript" src="js/jquery_last.js"></script>
* <script type="text/javascript" src="js/YlFloat.js">
* 使用方法：
*
* 1、在页面中为您要浮动的内容设置容器，如<div id="adl">左侧内容</div>或<div id="adr">右侧内容</div>或<div id="ad">您的内容</div>
* 2、在页面中添加jQuery语句，调用此插件，并对相关参数进行设置,如：
* <script type="text/javascript">
* $(document).ready(function(){
* $("#adl").jFloat({
* position:"left",
* top:0,
* height:200,
* width:100,
* left:20
* });//将页面中id为adl的容器中的内容设置为左浮动广告，广告距窗口顶部0px,距左侧20px。 * $("#adr").jFloat({
* position:"right",
* top:0,
* height:200,
* width:100,
* right:20
* });//将页面中id为adr的容器中的内容设置为右浮动广告，广告距窗口顶部0px，距右侧20px。 * $("#ad").jFloat({{html对联代码}.
* position:"left",
* top:260,
* width:100,
* height:50,
* allowClose:false
* });//将面面中id为ad的容器中的内容设置为左右浮动（即左右两侧内容样式等一样），广告中容器顶部260px，距左侧0,不允许关闭。
*});
* </script>
* 上面的例子最终结果，将出现四个浮动内容，上面两个分别是adl和adr中的内容,下面两个是ad中的内容。如果您愿意，您可以加无数个这样的广告。
* 3、插件相关参数：
* top－广告距页面顶部距离，默认为60
* left－广告距页面左侧距离，默认为0
* right－广告距页面右侧距离，默认为0
* width－广告容器的宽度，默认为100
* height－广告容器的高度，默认为360
*minScreenW－出现广告的最小屏幕宽度，当屏幕分辨率小于此，将不出现对联广告，默认为800，即在800×600分辨率下不会显示广告内容
* position－对联广告的位置,left-在左侧出现,right-在右侧出现，默认为"left"。注意要加英文单或双引号。
* allowClose－是否允许关闭，如果为true，则会在广告内容上方添加“关闭”，单击时将关闭所在广告内容。值为true或false
*/
(function($) {
$.fn.jFloat = function(o) {
o = $.extend({
top:60, //广告距页面顶部距离
left:0,//广告左侧距离
right:0,//广告右侧距离
width:100, //广告容器的宽度
height:360, //广告容器的高度
minScreenW:800,//出现广告的最小屏幕宽度，当屏幕分辨率小于此，将不出现对联广告
position:"left", //对联广告的位置left-在左侧出现,right-在右侧出现
allowClose:true //是否允许关闭
}, o || {});
var h=o.height;
var showAd=true;
var fDiv=$(this);
if(o.minScreenW>=$(window).width()){
fDiv.hide();
showAd=false;
}
else{
fDiv.css("display","block")
var closeHtml='<div align="right"
style="padding:2px;z-index:2000;font-size:12px;cursor:pointer;border-bottom:1px solid #f1f1f1; height:20px;" class="closeFloat"><span style="border:1px solid #000;height:12px;display:block;width:12px;">×</span></div>';
switch(o.position){
case "left":
if(o.allowClose){
fDiv.prepend(closeHtml);
$(".closeFloat",fDiv).click(function(){$(this).hide();fDiv.hide();showAd=false;}) h+=20;
}
fDiv.css({position:"absolute",left:o.left+"px",top:o.top+"px",width:o.width+"px",height:h+"px",overflow:"hidden"});
break;
case "right":
if(o.allowClose){
fDiv.prepend(closeHtml)
$(".closeFloat",fDiv).click(function(){$(this).hide();fDiv.hide();showAd=false;}) h+=20;
}
fDiv.css({position:"absolute",left:"auto",right:o.right+"px",top:o.top+"px",width:o.width+"px",height:h+"px",overflow:"hidden"});
break;
};
};
function ylFloat(){
if(!showAd){return}
var windowTop=$(window).scrollTop();
if(fDiv.css("display")!="none")
fDiv.css("top",o.top+windowTop+"px"); };
$(window).scroll(ylFloat) ;
$(document).ready(ylFloat);
};
})(jQuery);
html对联代码篇六
常用网页广告代码全集-js广告代码大全
1能让按钮发出声音的 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
19导航菜单下拉展开 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
18说明框的各种用法 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
17页面窗口的由小变 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
16网页的任意缩放 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
15直接调用计算机中 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
14用JS的方法使用列 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
13用JavaScript实现 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
12用Javascript实现 分类：JS代码 更新时间:09-05-16 点击次数:0次 推荐等级：★★★★ 我要发布素材
推荐内容