不容易啊,編輯了將近六個小時,希望能對朋友有幫助,我累點都無所謂
1、店鋪音樂代碼:音樂網址" loop="-1">
2、圖片制作代碼:<img src="這里放圖片地址">
3、公告圖片代碼:<img border="0" src="這里放圖片地址" />或<img src="這里放圖片地址"/>
4、懸浮掛飾代碼:<img src="這里放圖片地址" style="left:20px; position: relative; top:0px" />
5、商品分類代碼:<img src="這里放圖片地址"/>
6、字體大小代碼:<font size="2">這里放要處理的文字,可用3、4、5等設置大小</font>
7、字體顏色代碼:<font color="red">這里放要處理的文字,可以換成blue,yellow等</font>
8、文字鏈接代碼:<a href="網頁地址">鏈接的文字,在分類欄里用時鏈接的網頁地址必須縮短</a>
9、移動文字代碼:<marquee>從右到左移動的文字</marquee>
10、背景音樂代碼:<bgsound loop="-1" src="這里放音樂地址"></bgsound>
11、圖片附加音樂代碼:<img border=0 src="這里放圖片地址" dynsrc="這里放音樂地址">
12、浮動圖片代碼:<img alt="1" height="150" src="這里放圖片地址"/>
一、背景上顯示時鐘:
<div style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
<div style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>
<div style="position:absolute; visibility:visible">
</div>
二、添加背景花瓣效果
<script Language="java - script">
function a(x,y,color)
{document.write("<img border=0 style=position: absolute; left: "+(x+300)+"; top: "+(y+200)+";background-color: "+color+" src=px.gif width=1 height=1>"}
</script>
<script>
for(t=1;t<=360;t++){
lo=200 * Math.sin(2 * (Math.PI / 180) * t);
x = lo * Math.cos((Math.PI / 180) * t);
y = lo * Math.sin((Math.PI / 180) * t);
a(x,y,"#000000";
lo=200 * Math.cos(2 * (Math.PI / 180) * t);
x = lo * Math.cos((Math.PI / 180) * t);
y = lo * Math.sin((Math.PI / 180) * t);
a(x,y,"#ff0000";
}
</script>
三、漂浮廣告代碼
<div style="position:absolute">
<a href= target="_blank">
<img src="http://www.***.com/copyright.gif" border="0">
</a></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("ad"
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>
把上面的代碼放在需要放置廣告的頁面HTML代碼的<body></body>之間
-----上面的代碼說明-------
http://www.***.com//換成是漂浮圖片點擊后出現的頁面,也就是點擊后出現的詳細的介紹頁面
http://www.***.com/copyright.gif//換成是漂浮廣告圖片的URL地址,最好采用絕對路徑
var x = 50,y = 60 //浮動層的初始位置,分別對應層的初始X坐標和Y坐標
var xin = true, yin = true //判斷層的X坐標和Y坐標是否在在控制范圍之內,xin為真是層向右移動,否則向左;yin為真是層向下移動,否則向上
var step = 1 //層移動的步長,值越大移動速度越快
var delay = 10 //層移動的時間間隔,單位為毫秒,值越小移動速度越快
四、鏈接處變換色彩
腳本說明:
第一步:把如下代碼加入<head>區域中
<script LANGUAGE="java - script">
<!-- Begin
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"red",
"blue",
"green",
"purple",
"black",
"tan",
"yellow",
"lime",
"coral",
"palegreen",
"silver",
"gold",
"red";
delay = .5; // seconds
link = 0;
vlink = 0;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
三十七、狀態欄出現打字效果特效代碼: 要完成此效果需要兩個步驟 第一步:把如下代碼加入到<head>區域中 <script LANGUAGE="java - script"> <!-- Begin var msg = "Welcome To The java - script Fairyland"; var chars = msg.length + 1; var updateStatus = ""; var i = 0; function statusMessage() { if (i < chars) setTimeout("nextLetter()", 300); } function nextLetter() { updateStatus = msg.substrin(0,i) + _ window.status = updateStatus; i++; statusMessage(); } // End --> </script> 第二步:把“onLoad="statusMessage()"”加在<body>標記里 例如:<body _disabledevent="statusMessage()"> 三十八、在標題欄顯示時間特效代碼 完成此效果把如下代碼加入到<body>區域中 <script LANGUAGE="java - script"> <!-- Begin var clocktext; var pagetitle = document.title; function scroll() { today = new Date(); sec = today.getSeconds(); hr = today.getHours(); min = today.getMinutes(); if (hr <= 9) hr = "0" + hr; if (min <= 9) min = "0" + min; if (sec <= 9) sec = "0" + sec; var clocktext = " 現在時間是: " + hr + ":" + min + ":" + sec; clocktimer = setTimeout("scroll()", 1000); document.title = pagetitle + clocktext; } if (document.all) scroll(); // End --> </script> 三十九、舞臺光柱特效代碼: <head> <title>Untitled</title> </head> <body bgcolor="Black"> <div style="position: relative; height: 400px; width: 400px; top: 10px; left: 0px; color: White; filter: light"> <p align="center"> 春花秋月何時了,往事知多少 </p> <p align="center"> <br> 小樓昨夜又東風 </p> <p align="center"> <br> 故國不堪回首月明中。 </p> <p align="center"> <br> 雕欄玉砌應猶在,只是朱顏改。 </p> <p align="center"> 問君能有幾多愁, </p> <p align="center"> <br> 恰似一江春水向東流。<br> </p> </div> <script language="VBscript"> Option Explicit sub window_onLoad() call myLightObject.filters.light(0).addambient(0,0,255,30) call myLightObject.filters.light(0).addcone(400,400,200,100,100,200,204,200,80,10) end sub sub document_onMouseMove() call myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1) end sub </script> </body> </html> 在具體應用中初學者或多或少的有些難度,建議先從一些簡單的代碼做,在熟悉和認知規律后在做一些較復雜的。 |
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 淘寶裝修免費代碼大全,自己也可以免費裝修店鋪,