css对联广告代码

热门资讯  点击:   2013-03-06

css对联广告代码篇一

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

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

}{css对联广告代码}.

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;{css对联广告代码}.

}

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;

}{css对联广告代码}.

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(){{css对联广告代码}.

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

css对联广告代码篇二

网页特效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>&nbsp;</td>

</tr>

</table>

</BODY>

</HTML>

css对联广告代码篇三

网站通用标签

======网站通用标签==============

{$GetSiteTitle} 显示网站标题

{$GetSiteName} 显示网站名称

{$GetSiteLogo} 显示网站logo(不带参数)

{=GetLogo(130,90)} 显示网站logo(带参数,logo的宽和高)

{=GetTags(1,10)}热门Tags按点击数降序

{=GetTags(2,10)}TAGS按最后访问时间降序

{=GetTags(3,10)}TAGS添加时间排序

{=GetLimitBuy(0,1)}显示限时限量抢购(X1新增)前面的数字代表抢购分类,后面的数字代表调用的条数 {$GetSiteCountAll}显示网站信息统计(栏目总数,文章总数….)

{$GetSiteOnline}显示在线人数(总在线:X人 用户:X人; 游客:X人)

{=GetTopUser(5,more...)}显示活跃用户排行5条

{=GetUserDynamic(10)}显示用户动态(大家都在做什么)最近更新前10条

{$GetSpecial}显示专题入口

{$GetFriendLink}显示友情链接入口

{$GetSiteUrl}显示网站URL

{#GetFullDomain}显示网站完整URL(不管有没有启用相对路径,始终返回完整域名) ---- NEW {$GetInstallDir}显示网站安装路径

{$GetManageLogin}显示管理入口

{$GetCopyRight}显示版权信息

{$GetMetaKeyWord}显示针对搜索引擎的关键字

{$GetMetaDescript}显示针对搜索引擎的描述

{$GetWebmaster}显示站长

{$GetWebmasterEmail}显示站长Email

{$GetClubInstallDir} 论坛安装目录

{$TodayGroupbuyLink}获得今日团购URL

{$HistoryGroupbuyLink}获得往期团购URL

{$GetTemplateDir}模板路径

{$GetCssDir}CSS路径

=====常用脚本特效标签=========

{=JS_Ad("左联Flash地址","右联Flash地址","/images/close.gif",0.8)} 对联广告,/images/close.gif输入0不显示,0.8代表滑动速度

{$JS_Time1}时间特效(样式:2006年4月8日)

{$JS_Time2}时间特效(样式:2006年4-月8日 星期六)

{$JS_Time3}时间特效(样式:2007年6月1日 星期五 [农历 4月初五])

{$JS_Time4}时间特效(样式:2006年4月8日 11:50:46 星期六)

{$JS_Language}简繁转换

{$JS_HomePage}设为首页

{$JS_Collection}加入收藏

{$JS_ContactWebMaster}联系站长

{$JS_GoBack}返回上一页

{$JS_WindowClose}关闭窗口

{$JS_NoSave}页面不被别人”另存为”

{$JS_NoIframe}页面不被别人放到框架中

{$JS_NoCopy}防止网页信息被复制

{$JS_DCRoll}双击滚屏特效

{=JS_Status1("请在这里输入要显示的文字",120)} 状态栏打字效果

{=JS_Status2("请在这里输入要显示的文字",120)} 文字在状态栏上从右往左循环显示效果 {=JS_Status3("请在这里输入要显示的文字",150)} 文字在状态栏上打字之后移动消失效果

==============以下为内容页标签==============

-----------------------

文章内容页标签(以下标签仅适用于文章内容页)

-----------------------

{$GetArticleUrl} 当前文章URL

{$ChannelID}当前模型ID

{$InfoID}当前文章小ID

{$ItemName}当前项目名称

{css对联广告代码}.

{$ItemUnit}当前项目单位

{$GetArticleShortTitle}文章简短标题

{=GetPhoto(130,90)}内容页图片(宽*高)

{$GetArticleTitle}完整标题

{$GetArticleKeyWord}关键字Tags

{$GetKeyTags}取得文章Tags

{$GetArticleIntro}文章导读

{$GetArticleContent}文章内容

{$GetArticleAuthor}文章作者

{$GetArticleOrigin}文章来源

{$GetArticleDate}添加日期(格式:2009年5月1日)

{$GetDate} 添加日期(直接输出)

{$GetHits}文章人气(总浏览数)

{$GetHitsByDay}文章本日浏览数

{$GetHitsByWeek}文章本周浏览数

{$GetHitsByMonth}文章本月浏览数

{$GetArticleInput}文章录入(带链接)

{$GetUserName}文章录入(不带链接)

{$GetRank}文章推荐等级

{$GetArticleProperty}显示文章的属性(热门、推荐、滚动…)

{$GetArticleSize}显示文章[字体:大 中 小]

{$GetArticleAction}显示[发表评论] [告诉好友] [打印文章]

{$GetPrevArticle}显示上一篇文章

{$GetNextArticle}显示下一篇文章{css对联广告代码}.

{$GetPrevUrl}显示上一篇文章URL

{$GetNextUrl}显示下一篇文章URL

{$GetShowComment}显示评论

{$GetWriteComment}发表评论

{$GetArticlePageList}分页导航

{$GetSEOTitle}显示SEO页面标题

{$GetSEOKeyWords}显示SEO页面关键字

{$GetSEODescription}显示SEO页面描述

------------------------

图片内容页标签(以下标签仅适用于图片内容页)

-------------------------

{$GetPictureUrl} 当前图片URL

{$ChannelID}当前模型ID

{$InfoID}当前图片小ID

{$ItemName}当前项目名称

{$ItemUnit}当前项目单位

{$GetPictureName}图片名称

{$GetPictureKeyWord}关键字

{$GetKeyTags}取得图片Tags

{$GetPictureSrc}取得图片缩略图Src

{$ShowPictures}图片展示(根据添加图片时的展示方式自动显示) ----NEW {$GetPictureIntro}图片介绍

{$GetPictureAuthor}图片作者

{$GetPictureOrigin}图片来源

{$GetPictureDate}添加日期(格式:2009年5月1日)

{$GetDate}添加日期(直接输出)

{$GetHits}图片人气(总浏览数)

{$GetHitsByDay}图片本日浏览数

{$GetHitsByWeek}图片本周浏览数

{$GetHitsByMonth}图片本月浏览数

{$GetPictureInput}图片录入(带链接)

{$GetUserName}图片录入(不带链接)

{$GetRank}图片推荐等级

{$GetPictureProperty}显示图片属性(热门,滚动,推荐)

{$GetPictureAction}显示[我来评论] [我要收藏]家[关闭窗口]

{$GetPictureVote} 显示投它一票

{$GetPictureVoteScore}显示图片得票数

{$GetPrevPicture}显示上一组图片

{$GetNextPicture}显示下一组图片

{$GetPrevUrl}显示上一组图片URL

{$GetNextUrl}显示下一组图片URL

{$GetShowComment}显示评论

{$GetWriteComment}发表评论

{$GetSEOTitle}显示SEO页面标题

{$GetSEOKeyWords}显示SEO页面关键字

{$GetSEODescription}显示SEO页面描述

------------------------

下载内容页标签(以下标签仅适用于下载内容页)

-------------------------

{$GetDownUrl} 当前软件URL

{$ChannelID}当前模型ID

{$InfoID}当前软件小ID

{$ItemName}当前项目名称

{css对联广告代码}.

{$ItemUnit}当前项目单位

{$GetDownTitle}软件名称+版本号

{$GetDownKeyWord}关键字

{$GetKeyTags}取得软件Tags

{$GetDownAddress}下载地址

{=GetDownPhoto(130,90)}软件图片(宽*高)

{$GetDownSize}文件大小+MB(KB)

{$GetDownLanguage}软件语言

{$GetDownType}软件类别

{$GetDownSystem}系统平台

{$GetDownPower}授权方式

{$GetDownIntro}软件介绍

{$GetDownAuthor}作者开发商

{$GetDownInput}软件录入 (带链接)

{$GetUserName}软件录入(不带链接)

{$GetDownOrigin}来源

{$GetDownDate}添加日期(格式:2012年10月1日) {$GetModifyDate}修改时间(格式:2012年10月1日) {$GetHits}总下载点击数

{$GetHitsByDay}本日点击数

{$GetHitsByWeek}本周点击数

{$GetHitsByMonth}本月点击数

{$GetDownLink}相关链接(演示+注册地址)

{$GetDownPoint}下载所需点数

{$GetDownYSDZ}演示地址

{$GetDownZCDZ}注册地址

{$GetDownDecPass}解压密码

{$GetDownProperty}显示软件属性[热门,推荐等]

{$GetDownAction}显示[我来评论] [我要收藏]

{$GetRank}显示推荐等级

{$GetPrevDown}显示上一个软件

{$GetNextDown}显示下一个软件

{$GetPrevUrl}显示上一个软件URL

{$GetNextUrl}显示下一个软件URL

{$GetShowComment}显示评论

{$GetWriteComment}发表评论

{$GetSEOTitle}显示SEO页面标题

{$GetSEOKeyWords}显示SEO页面关键字

{$GetSEODescription}显示SEO页面描述

------------------------ 商品内容页标签(以下标签仅适用于商品内容页)

------------------------- {$GetProductUrl}当前商品URL

{$GetProductID}当前商品编号(ID)

{$ChannelID}当前模型ID

{$InfoID}当前商品小ID

{$ItemName}当前项目名称

{$ItemUnit}当前项目单位

{$GetProductName}商品名称

{=GetProductPhoto(130,90)}商品图片

{=GetGroupPhoto(200,200)}显示商品图片组(多方位展示商品) {$GetProductKeyWord}当前商品关键词

{$GetKeyTags}取得商品Tags

{$GetProductIntro}商品简介

{$GetProducerName}生产商

{$GetTrademarkName}取得商标

{$GetBrandName}取得品牌名称

{$GetProductModel}商品型号

{$GetProductSpecificat}商品规格

{$GetAddDate}添加日期(格式:2012年10月1日) {$GetModifyDate}修改时间(格式:2012年10月1日) {$GetServiceTerm}服务期限

{$FL_Weight}单件重量

{$GetTotalNum}库存数量

{$GetHasSold}显示已销售件数

{$GetProductUnit}商品单位

{$GetHits}商品人气(总浏览数)

{$GetHitsByDay}商品本日浏览数

{$GetHitsByWeek}商品本周浏览数

{$GetHitsByMonth}商品本月浏览数

{$GetProductType}销售类型

{$GetRank}推荐等级

{$GetProductProperty}显示商品属性(热卖、特价、推荐等) {$GetProductInput}显示商品录入

{$GetPrice}显示当前零售价

{$GetPrice_Member}显示商城价

{$GetPrice_Market}显示市场价

{$GetGroupPrice}自动取用户组价格-NEW

{$GetScore}显示购物积分

{$GetAddCar}加入购物车

{$GetAddFav}加入收藏夹

{$GetPrevProduct}显示上一个商品

{$GetNextProduct}显示下一个商品

相关文章
推荐内容
上一篇:app策划书怎么写
下一篇:2017黄骅政府工作报告
Copyright 学习网 版权所有 All Rights Reserved