<div id="img" style="position:absolute;">
<img src="images\T1BJ8dXjVEJ7BXXXXX.jpg_160x160.jpg"
onClick="pause_resume();">
</div>
<script>
var NowFrame = 1;
var MaxFrame = 4;
function show(d1) {
if(Number(d1)){
clearTimeout(theTimer);NowFrame=d1;}
for(var i=1;i<(MaxFrame+1);i++){
if(i==NowFrame)
document.getElementById('div'+NowFrame).style.display ='';else
document.getElementById('div'+i).style.display ='none';}
{ if(NowFrame == MaxFrame)NowFrame = 1;
else
NowFrame++;}
theTimer=setTimeout('show()', 2000);}
//=====================
var Obj
function MouseDown(obj){
Obj=obj
Obj.setCapture()
Obj.l=event.x-Obj.style.pixelLeft
Obj.t=event.y-Obj.style.pixelTop
}
function MouseMove(){
if(Obj!=null){
Obj.style.left = event.x-Obj.l
Obj.style.top = event.y-Obj.t
}
}
function MouseUp(){
if(Obj!=null){
Obj.releaseCapture()
Obj=null
}
}
//========================
<!-- Begin
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
</script>
//===================================
<span
style='position: absolute; width: 200; height: 200; background: #FFFFFF'
onmousedown=MouseDown(this) onmousemove=MouseMove()
onmouseup=MouseUp()> <IMG src="images/ad-01.jpg"
style="display: none;" id="div1" border="0"> <IMG
src="images/ad-02.jpg" style="display: none;" id="div2"
border="0"> <IMG src="images/ad-03.jpg"
style="display: none;" id="div3" border="0"> <IMG
src="images/ad-04.jpg" style="display: none;" id="div4"
border="0">
<DIV style="position: absolute; left: 120px; top: 180px;"
align="center">
<A href="javascript:show(1)">1</A>
<A href="javascript:show(2)">2</A>
<A href="javascript:show(3)">3</A>
<A href="javascript:show(4)">4</A>
</DIV> </span>
分享到:
相关推荐
jQuery可拖动图片漂浮广告代码简介: jQuery可拖动图片漂浮广告代码是一款支持鼠标拖动,在浏览器自动漂浮的jQuery广告代码。
jquery浮动图片广告代码_页面上漂浮图片广告代码 jquery浮动图片广告代码_页面上漂浮图片广告代码
漂浮图片广告代码,网页设计常用的广告代码。
jQuery漂浮横幅图片广告代码,适用于商城网站类型网页悬浮图片广告展示效果。
全屏图片广告随机漂浮可点击关闭jQuery特效代码下载。适用于图片广告,鼠标经过停止运动,广告图片可自定义,带链接,点击可跳转到指定的网址。
网站特效(网页中图片到处漂浮,广告图片),用js写的特效,可以运行查看效果
代码精简的页面漂浮移动图片广告。下载使用不会后悔的。
网页模板——javascript 物理弹性漂浮广告
jQuery浮动图片广告代码简介: jQuery浮动图片广告代码是一款页面上漂浮图片广告代码。
图片广告的JS特效,一次漂浮3个图片,不知道能用上不。 用法: var adver=new adverClass adver.showAdver("img.gif","http://www.codesc.net/","codesc");
jQuery实现的可拖动的图片漂浮广告特效源码.zip
jQuery可拖动图片漂浮广告代码是一款支持鼠标拖动,在浏览器自动漂浮的jQuery广告代码。
js浮动广告代码,常见的在屏幕内漂浮的图片广告效果,可以吸引用户注意力,缺点是用户体验稍差 网页两侧浮动广告代码 网页固定位置浮动图片广告代码
可以同时浮动多个图片,随机生成漂浮位置,每刷新一次页面,图片位置是不一样的,很实用的JS广告代码。
JS漂浮广告代码JS漂浮广告代码JS漂浮广告代码JS漂浮广告代码JS漂浮广告代码
网页漂浮广告代码,能够轻松的实现图片在网页上面漂浮
图片漂浮js代码实现 鼠标移动上去漂浮停止 点击关闭按钮图片消失
实现漂浮广告,点击图片可以跳转到广告页面,点击关闭可以关闭广告
1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. ...