網頁兩側懸浮廣告js代碼（js底部懸浮廣告代碼）

本文目錄一覽：

1、求一個頁面上漂浮着兩個浮動廣告的js代碼,就是左右兩個類似春聯的條形廣告,能跟隨着頁面上下拉動
2、求JS代碼，懸浮廣告，停在網頁右側的！
3、求一個頁面上漂浮着兩個浮動廣告的js代碼
4、JS漂浮廣告代碼
5、網頁浮動廣告條js代碼

求一個頁面上漂浮着兩個浮動廣告的js代碼,就是左右兩個類似春聯的條形廣告,能跟隨着頁面上下拉動

你吧DEMO下載下來，看看是怎麼回事。。不要拷貝我貼上來的JS。好吧。。。。

可下載DEMO下來自己琢磨一下

JS ：

suspendcode=”DIV id=lovexin1 style=’Z-INDEX: 10; LEFT: 6px; POSITION: absolute; TOP: 105px; width: 100; height: 300px;’img src=’images/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=’images/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(percent0)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);

求JS代碼，懸浮廣告，停在網頁右側的！

!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”

HTML

HEAD

TITLE New Document /TITLE

META NAME=”Generator” CONTENT=”EditPlus”

META NAME=”Author” CONTENT=””

META NAME=”Keywords” CONTENT=””

META NAME=”Description” CONTENT=””

/HEAD

style

body{

background-color :#FFF; background-image :url(dialogclose.gif) ; background-repeat :no-repeat ; background-position: right bottom ;background-attachment:fixed;

}

/style

BODY

table

td height=”900″/td

/tr

/table

/BODY

/HTML

//這是停在右下角的自己改圖片路徑

求一個頁面上漂浮着兩個浮動廣告的js代碼

html

head

title漂浮的圖片/title

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″

!–head頭部代碼開始–

script language=”JavaScript” SRC=”moveobj.js” /script

script

var chip1;

var chip2;

var chip3;

//根據使用的圖片的多少增加或減少上面相應代碼；

function pagestart()

{checkbrOK();

chip1=new Chip(“chip1”,160,80);

chip2=new Chip(“chip2”,60,80);

//根據使用的圖片的多少增加或減少上面的相應代碼

if(brOK)

{ movechip(“chip1”);

movechip(“chip2”);

//根據使用的圖片的多少增加或減少上面的相應代碼

}

/script

!–代碼結束–

link rel=”stylesheet” href=”../style.css”

body onLoad=”pagestart();” onUnload=”if(brOK) {stopme(‘chip1’); stopme(‘chip2’);}” bgcolor=”#FFFFFF” text=”#000000″

DIV ID=”chip1″ STYLE=”position:absolute; width:47; height:68;”

A HREF=”rm/ad1.htm”IMG SRC=”ballon1.jpg” BORDER=0/a

/DIV

DIV ID=”chip2″ STYLE=”position:absolute; width:47; height:68;”

A HREF=”rm/ad2.htm”IMG SRC=”ballon2.jpg” BORDER=0/a

/DIV

center

script src=”moveobj.js”/script

/center

/body

/html

JS漂浮廣告代碼

給個簡單的也需引入jquery

Html:

!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

html

head

title/title

script type=”text/javascript” src=”jquery-1.4.2.min.js”/script

script type=”text/javascript”

$(function(){

$(‘#showWin’).click(showWin);

function showWin(){

$(‘#floatWin’).show(‘slow’);

}

})

/script

/head

body

button id=”showWin”顯示窗口/button

div id=”floatWin”

style=”right:0px;bottom:0px;display:none; width: 200px;height: 200px; background-color: #cccccc;position: absolute;”

/div

/body

/html

最近項目里正好有類似需求代碼給出來供你研究下需要jQuery支持

有什麼疑問可以hi我

(function(){

$(function(){

$.ajax({

url: messagePath+’messageBox.do’,

// dataType:’json’,

success:function(json){

alert(json);

showMessages(json);

}

});

})

function showMessages(json){

if(json.messagecount0){

var messageBox =”div id=\”OTOS_MESSAGEBOX_CONTAINER\””+

” table id=\”OTOS_MESSAGEBOX_HEADER\” width=\”100%\” cellpadding=\”0\” cellspacing=\”0\””+

” tr”+

” td id=\”OTOS_MESSAGEBOX_HEADER_TEXT\”/td”+

” td align=\”right\” width=\”20\”img id=\”OTOS_MESSAGEBOX_CLOSE\” style=\”cursor: pointer;\” src=\”resources/images/close.gif\”/td”+

” /tr”+

” /table”+

” table id=\”OTOS_MESSAGEBOX_CONTEXT_TITLE_TABLE\” width=\”100%\””+

” tr id=\”OTOS_MESSAGEBOX_CONTEXT_TABLE_HEADER\””+

” td標題/td”+

” td width=\”50\”類型/td”+

” td width=\”40\”發送人/td”+

” /tr”+

” /table”+

” div id=\”OTOS_MESSAGEBOX_CONTEXT\””+

” table id=\”OTOS_MESSAGEBOX_CONTEXT_TABLE\” width=\”100%\”/table”+

” /div”+

“/div”;

$(‘body’).append(messageBox);

// $(‘#OTOS_MESSAGEBOX_CONTAINER’).jqDrag(“#OTOS_MESSAGEBOX_HEADER”);

$(‘#OTOS_MESSAGEBOX_HEADER_TEXT’).text(“您有”+json.messagecount+”條未讀消息!”);

$(‘#OTOS_MESSAGEBOX_CLOSE’).bind(‘click’,closeMessageBox);

$(‘#OTOS_MESSAGEBOX_CONTAINER’).show(‘slow’);

for(var i=0;ijson.list.length;i++){

var map = json.list[i];

$(‘#OTOS_MESSAGEBOX_CONTEXT_TABLE’).append(“tr onClick=\”toViewMessage(“+map.id+”,+”+map.mid+”)\” class=\”OTOS_MESSAGEBOX_CONTEXT_TABLE_TR\”td”+cutTitle(map.title)+”/tdtd width=\”50\” nowarp”+map.type+”/tdtd width=\”40\””+map.sender+”/td/tr”);

}

$(‘#OTOS_MESSAGEBOX_CONTEXT_TABLE’).verticalRoll({parentid:’OTOS_MESSAGEBOX_CONTEXT’});

}

// 縱向滾動

$.fn.verticalRoll = function(options) {

var opts = $.extend({}, $.fn.verticalRoll.defaults, options);

if(!opts.parentid||$(‘#’+opts.parentid).size()1){

alert(‘父級不存在’);

return false;

}

var $p = $(‘#’+opts.parentid);

var $t = $(this);

if($t.attr(‘tagName’)!=’TABLE’){

alert(‘不是table’);

return false;

}

var s = $t.find(‘tr’).size()

$p.css(‘overflow’,’hidden’);

$t.css(‘position’,’absolute’);

if(s5){

window.setInterval(function(){

var temp = $t.find(‘tr:first’);

temp.fadeOut(‘slow’,function(){

$t.append(temp);

temp.show();

})

},2000)

}else{

return false;

}

$.fn.verticalRoll.defaults = {}

}

})(jQuery);

function closeMessageBox(){

$(‘#OTOS_MESSAGEBOX_CONTAINER’).hide(‘slow’);

$(‘#OTOS_MESSAGEBOX_CONTAINER’).fadeOut();

}

function cutTitle(title){

var temp;

if(title.length8){

temp = title.substring(0,8)+”…”;

return temp

}else{

return title;

}

function toViewMessage(id,rid){

window.location.href = “messagesUserList.do?id=”+id+”rid=”+rid;

}

Css文件

@CHARSET “UTF-8”;

#OTOS_MESSAGEBOX_CONTAINER {

position: absolute;

width: 240px;

height: 145px;

border: 1px solid #81b8ff;

background-color: #deecfd;

right: 0px;

bottom: 0px;

overflow:hidden;

display: none;

}

#OTOS_MESSAGEBOX_CONTAINER TD{

white-space: nowrap;

overflow: hidden;

height: 18px;

}

#OTOS_MESSAGEBOX_HEADER {

cursor: move;

border-bottom: 1px solid #81b8ff;

background-color: #9ACDFE;

overflow:hidden;

}

#OTOS_MESSAGEBOX_HEADER td {

padding: 2px;

color: #ffffff;

overflow:hidden;

}

#OTOS_MESSAGEBOX_CONTEXT {

position: relative;

height: 102px;

overflow:hidden;

}

#OTOS_MESSAGEBOX_CONTEXT td{

white-space: nowrap;

overflow: hidden;

}

#OTOS_MESSAGEBOX_HEADER_TEXT {

font-weight: bold;

overflow:hidden;

}

#OTOS_MESSAGEBOX_FOOTER {

position: relative;;

bottom: 0px;;

padding-right: 2px;;

text-align: right;

overflow:hidden;

}

.OTOS_MESSAGEBOX_CONTEXT_TABLE_TR{

cursor:pointer;

color: #336699;

overflow:hidden;

}

#OTOS_MESSAGEBOX_CONTEXT_TABLE_HEADER td{

overflow:hidden;

font-weight: bold;

overflow:hidden;

}

網頁浮動廣告條js代碼

我寫了個簡單的，自己根據具體情況修改吧

script

function

ddd()

{

//alert(“ddd”);

document.getelementbyid(“chip1”).style.top=document.body.scrolltop

+50;

document.getelementbyid(“chip2”).style.top=document.body.scrolltop+50;

}

/script

body

onscroll=”ddd()”

bgcolor=”#ffffff”

text=”#000000″

div

id=”chip1″

style=”position:absolute;

width:100;

height:400;left:0px;top:50px;background:#00dd00;”

href=”rm/ad1.htm”img

src=”

“

border=0/a

/div

div

id=”chip2″

style=”position:absolute;

width:100;

height:400;left:1000px;top:50px;background:#00dd00;”

href=”rm/ad2.htm”img

src=”

“

border=0/a

/div

center

/center

/body

原創文章，作者：簡單一點，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/128974.html

網頁兩側懸浮廣告js代碼（js底部懸浮廣告代碼）

本文目錄一覽：

求一個頁面上漂浮着兩個浮動廣告的js代碼,就是左右兩個類似春聯的條形廣告,能跟隨着頁面上下拉動

求JS代碼，懸浮廣告，停在網頁右側的！

求一個頁面上漂浮着兩個浮動廣告的js代碼

JS漂浮廣告代碼

網頁浮動廣告條js代碼

相關推薦

發表回復