热门资讯 点击: 2013-03-06
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);
网页特效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>
网站通用标签
======网站通用标签==============
{$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}当前项目名称
{$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}当前项目名称
{$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}显示下一个商品