導航:首頁 > 編程語言 > javascript圖片上懸浮鏈接

javascript圖片上懸浮鏈接

 發布時間：2023-07-11 07:55:07

Ⅰ 誰懂javascript，求個圖片漂浮顯示的代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>隨滾動條移動的層</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">
<META NAME="Author" CONTENT="haiwa">
<META NAME="homepage" CONTENT="www.51windows.net">
</HEAD>
<style>
<!--
.div{
position: absolute;
border: 2px solid red;
background-color: #EFEFEF;
line-height:90px;
font-size:12px;
z-index:1000;
}
-->
</style>
<BODY>
<div id="Javascript.Div1" class="div" style="width: 240px; height:90px" align="center">正中...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc1(){
document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2)+"px";
document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2)+"px";
}
</SCRIPT>

<div id="Javascript.Div2" class="div" style="width: 240px; height:90px" align="center">左上...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc2(){
document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+"px";
document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft)+"px";
}
</SCRIPT>

<div id="Javascript.Div3" class="div" style="width: 240px; height:90px" align="center">左下...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc3(){
document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div3").offsetHeight)+"px";
document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft)+"px";
}
</SCRIPT>

<div id="Javascript.Div4" class="div" style="width: 240px; height:90px" align="center">右上...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc4(){
document.getElementById("Javascript.Div4").style.top=(document.documentElement.scrollTop)+"px";
document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div4").offsetWidth)+"px";
}
</SCRIPT>

<div id="Javascript.Div5" class="div" style="width: 240px; height:90px" align="center">右下...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc5(){
document.getElementById("Javascript.Div5").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHeight)+"px";
document.getElementById("Javascript.Div5").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div5").offsetWidth)+"px";
}
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
<!--
function scall(){
sc1();sc2();sc3();sc4();sc5();
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>
<div style="position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;"></div>
</BODY>
</HTML>

Ⅱ 右側懸浮圖片 javascript代碼

<body>
<img src='d:\10.jpg' id=ad style='position:absolute'>
<script>
B=document.body
with(ad)
{
width=300/*寬*/
height=400/*高*/
}
setInterval("move('ad',B.clientHeight+B.scrollTop-400/*上*/,B.clientWidth+B.scrollLeft-300/*左*/,10/*延時內容*/)",1)
function move(id,y,x,num)
{
with(B){t=y;l=x}
v=document.getElementById(id).style
v.posTop+=(t-v.posTop)/num
v.posLeft+=(l-v.posLeft)/num
}
</script>
</body>

Ⅲ 怎麼給js代碼中的圖片加超鏈接

如圖，項目結構如下

希望能幫到你。

Ⅳ 網頁懸浮圖片怎麼寫代碼

左側懸浮代碼如下：
<div style="position:absolute;width:110px;height:455px;top:150px;left:0px;" id="lefimg"><img border="0" src="../圖片名" width="圖片寬度" height="圖片高度" /></div>
<script language="JavaScript">
<!--
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lefimg").style.top=parseInt(document.getElementById("lefimg").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
window.setInterval("heartBeat()",1);

// -->
</script>
圖片高度和寬度用數字代替即可，層的寬度和高度可自定義
將如上代碼加入到網頁的</body>前即可

Ⅳ 如何用用JavaScript編寫一個外部調用JS文件，實現圖片帶超級鏈接

document.writeln("<a href="鏈接地址1"><img src="圖片地址1" /></a>");
document.writeln("<a href="鏈接地址2"><img src="圖片地址2" /></a>");
document.writeln("<a href="鏈接地址3"><img src="圖片地址3" /></a>");
document.writeln("<a href="鏈接地址4"><img src="圖片地址4" /></a>");
把上面的代碼修改好你要的鏈接地址和圖片地址以後，保存為JS文件。
然後你在html對應的地方調用這個js文件

補充：JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標准通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。

閱讀全文

與javascript圖片上懸浮鏈接相關的資料

熱點內容
網路中常用的傳輸介質 瀏覽：518
文件如何使用 瀏覽：322
同步推密碼找回 瀏覽：865
樂高怎麼才能用電腦編程序 瀏覽：65
本機qq文件為什麼找不到 瀏覽：264
安卓qq空間免升級 瀏覽：490
linux如何刪除模塊驅動程序 瀏覽：193
at89c51c程序 瀏覽：329
怎麼創建word大綱文件 瀏覽：622
裊裊朗誦文件生成器 瀏覽：626
1054件文件是多少gb 瀏覽：371
高州禁養區內能養豬多少頭的文件 瀏覽：927
win8ico文件 瀏覽：949
仁和數控怎麼編程 瀏覽：381
項目文件夾圖片 瀏覽：87
怎麼在東芝電視安裝app 瀏覽：954
plc顯示數字怎麼編程 瀏覽：439
如何辨別假網站 瀏覽：711
寬頻用別人的賬號密碼 瀏覽：556
新app如何佔有市場 瀏覽：42

友情鏈接