jquery对联广告,jquery对联广告插件

热门资讯点击： 2013-10-24

jquery对联广告,jquery对联广告插件篇一

网页特效Js对联广告代码,可关闭的对联广告

网页特效

Js对联广告代码，可关闭的对联广告

<html>

<head>

<title>js对联广告滚动代码可关闭</title>

</head>

<BODY>

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>

<tr>{jquery对联广告,jquery对联广告插件}.

</tr>

</table>

</BODY>

</HTML>

jquery对联广告,jquery对联广告插件篇二

漂浮广告插件

/彦磊基于jQuery浮动对联广告插件(2009.04)

在IE6/IE7/Mozilla 5.0（Firefox 3.0.5）中测试通过

此插件要求运行在jQuery v1.3 或更高版本上

此插件功能

1、单独设置左、右浮动对联各自内容;

2、设置左右浮动对联内容一样;

3、仅单独使用左或右侧对联;

4、可以在屏幕分辨率宽度小于多少时不出现对联广告;

5、设置是否允许关闭对联，每侧对联单独关闭。

6、使用jQuery使网页内容和行为分离。

7、可以设置左或右侧对联距容器顶部及左侧或右侧的距离。

8、灵活设置左或右侧对联的高或宽,当您的内容大小超过您的设置值时，将自动隐藏超出部分。

9、只要您愿意，您可以设置无数多个浮动内容。

10、更多功能请您在我的博客中留言，以便我后续更新„„

技术支持：HTTP://HI.BAIDU.COM/DPXDQX

此为自由拷贝版本，您可以在此基础上添加任何功能

彦磊建议您将修改过的版本或发布地址发到彦磊博客上以共享，也建议您保留部分彦磊的信息

使用前您一定要引入jQurey及本脚本,如

使用方法：

1、在页面中为您要浮动的内容设置容器，如<div id="adl">左侧内容</div>或<div id="adr">右侧内容</div>或<div id="ad">您的内容</div>

2、在页面中添加jQuery语句，调用此插件，并对相关参数进行设置,如：

$(document).ready(function(){

$("#adl").jFloat({

position:"left",

top:0,

height:200,

width:100,

left:20

});//将页面中id为adl的容器中的内容设置为左浮动广告，广告距窗口顶部0px,距左侧20px。{jquery对联广告,jquery对联广告插件}.

$("#adr").jFloat({

position:"right",

top:0,

height:200,

width:100,

right:20

});//将页面中id为adr的容器中的内容设置为右浮动广告，广告距窗口顶部0px，距右侧20px。

$("#ad").jFloat({

position:"left",

top:260,

width:100,{jquery对联广告,jquery对联广告插件}.

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

jquery对联广告,jquery对联广告插件篇三

对联广告标语

“对联、广告和标语”复习课教学设计

【教学目标】

1.让学生了解综合性学习中对联、广告和标语的考题类型，掌握相应的答题方法。

2.引导学生拓宽视野，多关注身边焦点。

【教学重点】

总结对联、广告和标语的答题技巧

【课时安排】1课时

【教学方法】讲练结合

【教学过程】

一、导入：

二、对联

（一）原题展示

1、下列对联，最适合祝贺老师70岁寿辰的一联是（）

A、碧桃献岁宜家受福花甲逢春获寿延年 B、为学有宗古稀成庆诲人无倦恩重及门

C、乐道安贫音容宛在因材施教手泽犹存 D、执掌教坛垂七十载栽培桃李满三千株答案及点拨：B。A项中的“花甲”表明适用于六十岁寿辰。B项中的“古稀”则指人生七十岁，出自杜甫诗句“人生七十古来稀”。“诲人无倦”表明是指“老师”，最符合题意。C项是没有表示年龄的词语，但“音容宛在”则说明这是一对挽联，适用于纪念已经去世的人。D项中“执掌教坛垂七十载”则表明是从教七十年，而非指年龄七十岁。

点评：这道题目重在测试学生对最基本古文化常识的了解程度。在多年未考古文化常识之后今年再次涉及，实出意外，但却能体现语文学习传承中国传统文化的功能。

年龄别称：年方二八（刚16岁）；束发（15岁）、弱冠（20岁）、而立（30岁）、不惑（40岁）、知（天）命（50岁）、花甲（60岁）、古稀（70岁）、耄耋（八九十岁）、期颐（100岁）；米寿（88岁）、白寿（99岁）、茶寿（108岁）

2、将下面的短语组成两副七字对联，并填在相应的横线上。（4分）

芝兰绕阶黄牛耕地翠柳迎春桃李满园

千里绿春绣锦万山金座凝香

新春联上联：下联：教师办公室上联：

下联：3、下面具体分析一下解题思路。

第一步，根据题目要求，可先将这些短语分为两大类。根据成对原则，将“黄牛耕地”、“春绣锦”的位置确定下来。

描写新春的有：黄牛耕地翠柳迎春千里绿万山金。而符合教师办公室的短语就是：芝兰绕阶（联想“芝兰玉树”）桃李满园（联想“桃李满天下”）春绣锦座凝香。

第二步，根据意象、意境等内容的联系及“二字而节”、平仄交替的规则，可将每类短语分别组成两个七言律句。新春类：黄牛耕地万山金翠柳迎春千里绿。教师办公室类：芝兰绕阶座凝香桃李满园春绣锦。

第三步，根据仄起平落，即“上联收于仄声，下联收于平声”（《联律通则》）之规则，确定上下联。这样就得出答案。

新春联上联：翠柳迎春千里绿下联：黄牛耕地万山金

教师办公室上联：桃李满园春绣锦下联：芝兰绕阶座凝香

（二）、课堂练习：

1、请运用相关知识，把下列短语组合成一副赞颂我国南宋一著名诗人的对联。

池馆重新接草堂宦游西蜀

烟尘誓扫还金阙志复中原

诗继少陵更入清风明月

高吟铁马铜驼派开南宋

答案：宦游西蜀，志复中原，高吟铁马铜驼，烟尘誓扫还金阙；诗继少陵，派开南宋，更入清风明月，池馆重新接草堂。

分析：先分为政治、文学两类。政治方面，后三句与“收复中原有关”。“铁马”指“铁马冰河入梦来”。“少陵”指杜甫。

2、下面是一副赞颂诸葛亮的对联，其下联的句序、结构已被打乱，请根据所给出的上联进行适当的调整。

上联：一生惟谨慎，七擒南渡，六出北征，何期五丈崩摧，九代志能遵教授；

下联（已被打乱）：八阵名成，两川福被，十倍荷褒荣，三分功定属元勋，所合精锐四方。答案：十倍荷褒荣，八阵名成，两川福被，所合四方精锐，三分功定属元勋。一处调整：四方精锐

3、南京名园瞻园中有一副对联，其下联的句序、结构已被打乱，请根据所给出的上联进行适当的调整。

上联：大江东去，浪淘尽千古英雄，问楼外青山，山外白云，何处是唐宫汉阙？

下联的内容（已被打乱）：红雨树边，小苑西回，一庭佳丽莺唤起，看池边绿树，此间有尧天舜日。

答案：小苑西回，莺唤起一庭佳丽，看池边绿树，树边红雨，此间有舜日尧天。三处内部调整：莺唤起一庭佳丽（为了对仗）、树边红雨（为了对仗、顶真）、舜日尧天（为了平仄）。

4、运用相关知识，把下列短语组合成两副悼念周恩来总理的挽联。

难报恩来生为国家耿耿忠心昭日月何堪魂去青史千秋功同五岳寸草春晖德同湖海洋洋正气结丰碑死为人民

①生为国家，死为人民，耿耿忠心昭日月；功同五岳，德同湖海，洋洋正气结丰碑。 ②青史千秋，何堪魂去；寸草春晖，难报恩来。

三、广告和标语

1、学生结组自学《火线100天》P115-116相关内容，总结有价值信息

2、各小组派代表发言交流

3、当堂练习

《火线100天》P116-117（5、8）

四、作业

《火线100天》P116-117（6、7、9、10）

jquery对联广告,jquery对联广告插件篇四

飘浮、对联及悬浮广告代码大全

飘浮、对联及悬浮广告代码大全 (2011-01-10 16:51:25)

转载

标签：分类：技术文章

飘浮

对联

悬浮广告

代码

大全

去过新浪或者搜狐吗？虽然我们都不愿意看广告，但是它们做广告的技术我们却应该学到手，这不，又一种很流行的做法儿，做成那种两边对称的对联式的广告，而最醒目的地方还有一个关闭的小按扭，这是不是比弹出的小广告更让人容易接受一些呢，你愿意看就看，不愿意看就点击那个按扭关掉，的确是比那种被人家3721或是其它IE插件拦截掉的小弹出广告效果和功能好了许多，而那个对联式广告中的关闭按扭的制作也是有一点学问的。我们姑且不论如何制作对联Flash广告，而主要讲一下那个广告里的小X（关闭按扭）的代码，以及和外部的接合。具体步骤如下：画一个小X式的图形，这应该不难吧？全部选中后，按下F8键转化成一个“按扭”组件，点击选中这个小按扭后，按下F9键打开动作面板，添加以下代码： on (release) { getURL("FSCommand:", ""); } 就这么简单吗？对，在Flash里就是这么简单了，当然，还要在网页里做以下工作。这里我们多运用一些javascript的东西来做我们这个代码块儿移植性很好的对联。全部代码如下：

居顶,不随下拉条滚动的

广告代码

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>

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'{jquery对联广告,jquery对联广告插件}.

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);

}

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>

或者：

广告代码

function initEcAd() {

document.all.AdLayer1.style.posTop = -200;

document.all.AdLayer1.style.visibility = 'visible'{jquery对联广告,jquery对联广告插件}.

document.all.AdLayer2.style.posTop = -200;

document.all.AdLayer2.style.visibility = 'visible'

MoveLeftLayer('AdLayer1');

MoveRightLayer('AdLayer2');

}

function MoveLeftLayer(layerName) {

var x = 5;

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>

程序代码

duilian2.style.visibility='hidden';

duilian3.style.visibility='hidden';

</SCRIPT>

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()

jquery对联广告,jquery对联广告插件篇五

可分别关闭的对联广告

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ".cn/ads/img/site/kjfd/Img/dlFlash.swf width=100 height=300></embed>");

document.writeln("<br><a href=\"javascript：close_left1();\" title=\"关闭上面的广告\">×<\/a><br><br><br><br>");

document.writeln("<\/div>");

//---L2

document.writeln("<div id=\"left2\" class=\"itemFloat\">");

document.writeln("<a target=_blank href=.cn/ads/img/adimg/dll01.gif></a>");

document.writeln("<br><a href=\"javascript：close_left2();\" title=\"关闭上面的广告\">×<\/a>"); document.writeln("<\/div>");

//------左侧各块结束

document.writeln("<\/div>");

document.writeln("<div id=\"rightDiv\" style=\"top:40px;right:5px\">");

//------右侧各块结束

//---R1

document.writeln("<div id=\"right1\" class=\"itemFloat\">");

document.writeln("<a target=_blank href=.cn/ads/img/adimg/dlFlash_xkjy1.gif></a>");

document.writeln("<br><a href=\"javascript：close_right1();\" title=\"关闭上面的广告\">×<\/a><br><br><br><br>");

document.writeln("<\/div>");

//---R2

document.writeln("<div id=\"right2\" class=\"itemFloat\">");

document.writeln("<a target=_blank href=.cn/ads/img/adimg/dlr01.gif></a>");

document.writeln("<br><a href=\"javascript：close_right2();\" title=\"关闭上面的广告\">×<\/a>");

document.writeln("<\/div>");

//------右侧各块结束

document.writeln("<\/div>");

</SCRIPT>

</body>

</html>

jquery对联广告,jquery对联广告插件篇六

对联广告叫卖词

对联叫卖词

广大新老顾客您们好，

迎客迎友迎新年，送喜送福送春联。

本店特从厂家新进一批各类对联，挂浪，福字等。货品全，价格低，保您满意更欢喜。欢欢喜喜过大年！

走过路过的朋友，瞧一瞧看一看，

花小钱买春联，财神寿星进家院。

买好对联，过好新年，不买对联，看对联，一样来钱。

jquery对联广告,jquery对联广告插件

jquery对联广告,jquery对联广告插件篇一

jquery对联广告,jquery对联广告插件篇二

jquery对联广告,jquery对联广告插件篇三

jquery对联广告,jquery对联广告插件篇四

jquery对联广告,jquery对联广告插件篇五

jquery对联广告,jquery对联广告插件篇六

jquery如何做对联广告

jquery的广告轮播插件