漂浮广告代码

JS代码只有几个字。如果不明白，请直接在下面留言。见到他们我会一一解释(虽然我还是个小白)

这个特效对大神们来说如此如此如此如此如此如此简单！但我就是想发出来和正在学习前端开发的朋友分享一下。代码直接复制在下面，不用多说，谢谢~呵呵。时不时发一点好玩的特效，喜欢的朋友会关注的。

别喷我，我跟那些让你入群取码的教育机构推广人员比起来连广告都没打！

在喷点的左上角，关，关，关，关，关，关，关，关，关，关！

效果图

喜欢的朋友可以时不时关注分享有趣的特效。

HTML代码

& lt！DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& ltmeta http-equiv = ” Content-Type ” Content = ” text/html；charset=utf-8″ />

& lttitle & gt实用网站右侧浮动导航菜单的js特效代码

& lt/head & gt；

& ltbody & gt

& ltdiv class=”box ” >

& lta href = ‘ # ‘ & gt& ltspan & gt0 & lt/span&gt。闪光材料</a & gt；

& lta href = ‘ # ‘ & gt& ltspan & gt1 & lt/span&gt。菜单导航

& lta href = ‘ # ‘ & gt& ltspan & gt2 & lt/span&gt。时间和日期

& lta href = ‘ # ‘ & gt& ltspan & gt3 & lt/span&gt。焦点图

& lta href = ‘ # ‘ & gt& ltspan & gt4 & lt/span&gt。标签

& lta href = ‘ # ‘ & gt& ltspan & gt5 & lt/span&gt。Jquery特效

& lta href = ‘ # ‘ & gt& ltspan & gt6 & lt/span&gt。在线客户服务

& lta href = ‘ # ‘ & gt& ltspan & gt7 & lt/span&gt。广告代码

& lta href = ‘ # ‘ & gt& ltspan & gt8 & lt/span&gt。专辑代码

& lta href = ‘ # ‘ & gt& ltspan & gt9 & lt/span&gt。图片特效

& lta href = ‘ # ‘ & gt& ltspan & gt10 & lt/span&gt。著名的车站特效

& lta href = ‘ # ‘ & gt& ltspan & gt11 & lt/span&gt。视频回放

& lta href = ‘ # ‘ & gt& ltspan & gt12 & lt/span&gt。其他代码

& lt/div & gt；

& lt/body & gt；

& lt/html & gt；

CSS代码

* {

边距:0；

填充:0；

list-style-type:无；

}

a, img {一、img {

边框:0；

文字-装饰:无；

}

正文{

字体:12px/180% Arial，Helvetica，无衬线，“新歌体”；

背景:# DCDCDC

}

。方框{

位置:固定；

top:0；

右:0；

z指数:9999；

宽度:140px

光标:指针；

边距:100px 0 0

}

正文{

背景-图片:网址(关于:空白)；

背景-附件:固定；

}

。方框{

位置:绝对；

top:expression(eval(document . document element . scroll top))；

}

。方框a {

显示:块；

位置:相对；

高度:30px

行高:30px

边距-底部:2px

背景:# fff

右填充:10px

宽度:130px

溢出:隐藏；

颜色:# 333；

光标:指针；

右:-110 px；

}

。方框a:悬停{

文字-装饰:无；

颜色:# 1974A1

}

。方框a:悬停跨度{

背景:#5FA429

}

。框a跨度{

显示:块；

浮动:左；

宽度:30px

背景:# 636871；

颜色:# fff

字体大小:16px

文本对齐:居中；

右边距:10px

字体样式:正常；

}

JS代码（需要引用Jquery1.1以上版本，百度下载直接放到网站根目录即可）

& ltScript src = ” jquery file > & lt/script & gt；//没有本地百度的朋友可以下载，直接放在网站根目录下。用您的jquery文件名替换“jquery file”。

& ltscript type = ” text/JaScript ” & gt；

$(function() {

var timer = null

$(“.方框”)。mouseenter(function() {

clearTimeout(定时器)；

var that = $(this)；

timer = setTimeout(function() {

that.find(“a “)。每个(函数(索引，元素){

setTimeout(function(){

$(ele)。停止()。animate({right:0}，200)；

}，50 *指数)；

})

},200)

}).mouselee(function() {

if(计时器){

clearTimeout(定时器)；

}

$(这个)。find(“a “)。每个(函数(索引，元素){

setTimeout(function(){

$(ele)。停止()。动画({right:-110}，200)；

}，50 *指数)；

})

})

})

& lt/script & gt；

& ltscript type = ” text/JaScript ” & gt；

函数停止(){

返回false

}

document.oncontextmenu = stops

& lt/script & gt；

结语

关注你喜欢的朋友，经常分享一些有趣的特效。希望和感兴趣的朋友一起成长。如果你什么都不知道，朋友可以私信我或者在下面留言。我看到就回复~