當前位置：首頁 » 網站代碼 » 代碼效果網站

代碼效果網站

發布時間: 2021-03-21 08:31:36

『壹』急需網頁特效代碼 100分!

<marquee
scrolldelay="0"
direction="left"
onmouseover="this.stop()"
onMouseOut="this.start()">這是能讓圖會滾動的代碼，下面放幾張圖就行了！不過你得用你自己的圖，下面的路徑不一樣！！！
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=fy_iceworld0000.bmp"
width="140"
height="133"></a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=fy_iceworld0001.bmp"
width="140"
height="133">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=fy_iceworld0006.bmp"
width="140"
height="133">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_aztec0000.bmp"
width="140"
height="133">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st0002.bmp"
width="151"
height="131">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st0005.bmp"
width="148"
height="132">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st20001.bmp"
width="154"
height="130">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st20003.bmp"
width="137"
height="130">
</a>
<a
href="#">
<img
src="https://img.sogoucdn.com/v2/thumb/?appid=200698&url=de_st20007.bmp"
width="135"
height="131"></a>
</marquee>

『貳』看網站代碼效果

要先弄清楚你的網站代碼是什麽做的，如：asp, php ,aspx,或是html網站
如果是asp, php ,aspx那些動態網站，那是需要安裝相關環境的如：asp需要安裝IIS,php需要安裝apache...才能通過IE正常打開的

『叄』網頁特效代碼

在HTML文件中添加網頁特效代碼，一般有三種情況。

第一，只加在HTML文件頭部，即HTML文件中<head>……</head>之間的代碼。這類代碼只需要加在這個部分，即可達到預期的效果。

第二，只加在HTML文件體部。即HTML文件中<body>……</body>之間的代碼。這類代碼只需要加在這個部分，即可達到預期的效果。如在你題目中提到的就屬於這一類。

除上述情況外，多數代碼需要先在頭部（<head>……</head>之間）在上一些屬性性質的代碼，但是特效的主代碼需要添加在體部（body>……</body>之間），否則，特效不能正常顯示，有時還會出現錯誤，影響整個頁面的正常顯示。

添加特效代碼的方法：
先要用HTML編輯軟體，如常見的文本編輯器「記事本」，打開需要編輯的文件，根據特效代碼的要求，在文件中找到相應位置，復制，粘貼特效代碼，保存即可。修改完畢後，即可在瀏覽器中看到相應的效果。

在添加的時候一定要注意，一定要按照特效源碼的要求添加，此外，還要保證源碼的完整性，一個標點符號都不能少，也不能多。

另外要說的是，根據我的經驗，直接從網上復制來的代碼，不一定都能直接粘貼了用，一部分必須通過一個軟體來中轉。比如，先把網上的代碼復制後，粘貼到「記事本」中，然後再復制、粘貼到相應的文件位置上。

最後，介紹你幾個經典網頁特效站。
1、網頁特效集錦：http://www.helpor.net
2、javascript網頁特效：http://www.baron.com.cn/javascript
3、萬旭網頁特效：http://js.wanxu.com
4、網頁特效夢工廠：http://www.zlce.net/web
5、網頁製作大寶庫網頁特效大全：http://www.dabaoku.com/texiao

『肆』求網頁特效代碼

打字效果的文字特效[修改顯示的文字即可]
[根據下面的說明進行共1步]

====2、以下代碼放在HTML的<body></body>之間[適當的位置]：

<script language=javascript>
var layers =document.layers,style=document.all,both=layers||style,idme=908601;
if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef =
'.style';}
function writeOnText(obj,str){
if(layers)with(document[obj]){ document.open();document.write(str);document.close();}
if(style)eval(obj+'.innerHTML=str'); }
var dispStr=new Array("javascript源碼大全");
var overMe=0;
function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){
var tmp0=tmp1= '',skip=100;
if (both && idx<=str.length) {
if (str.charAt(idx)=='<'){ while(str.charAt(idx)!='>') idx++;idx++;}
if (str.charAt(idx)=='&'&&str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}
tmp0 = str.slice(0,idx);
tmp1 = str.charAt(idx++);
if (overMe==0 && plysnd==1){
if (navigator.plugins[0]){
if(navigator.plugins["LiveAudio"][0].type=="audio/basic" && navigator.javaEnabled()){document.embeds
[0].stop();
setTimeout("document.embeds[0].play(false)",100);}
} else if (document.all){
ding.Stop();
setTimeout("ding.Run()",100);}
overMe=1;}else overMe=0;
writeOnText(idObj, "<span class="+spObj+"><font color='"+clr1+"'>"+tmp0+"</font><font color='"+clr2
+"'>"+tmp1+"</font></span>");
setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}
function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', '#339933', '#99FF33', 300, 0);}
</script>
<BODY onload=init()>
<DIV class=ttl1 id=ttl0></DIV>
</BODY>

『伍』尋找漂亮網頁效果的代碼

網頁效果代碼集合

1。忽視右鍵
<body oncontextmenu="return false">或<body style="overflow-y:hidden">

2。加入背景音樂
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>
*.mid你的背景音樂的midi格式文件

3。簡單的window.open方法
<a href="#"
onclick="javascript:window.open('文件路徑/文件名','newwindow',
'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300');">文字或圖片</a>

參數解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
'文件路徑/文件名'' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
width=400 窗口寬度；
height=300 窗口高度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；
</SCRIPT> js腳本結束

4。簡單的頁面加密
<script LANGUAGE="JAVASCRIPT">

</script>

5。拉動頁面時背景圖不動
<style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
</style>

6。讓瀏覽器在保存頁面時保存失敗
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>

7。隨機替換圖片
<script>
document.write('<img src="img/'+parseInt(Math.random()*(5))
+'.gif"height="40" width="50">')
</script>

圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定時關閉
先將如下代碼網頁文件的區：
<script language="JavaScript">
function closeit() { setTimeout("self.close()",10000) //毫秒 }
</script>
然後再在<body>標內加入如：<body onload="closeit()">

9。網頁自動關閉
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout('closes.Click()',10000)">
這個窗口會在10秒過後自動關閉,而且不會出現提示.
</body>
</html>

10。網頁自動刷新
在head部記入
<META HTTP-EQUIV="Refresh" content="20">
其中20為20秒後自動刷新，你可以更改為任意值。

11。網頁自動轉頁
<META HTTP-EQUIV="Refresh" CONTENT="時間(秒);URL=地址">

12。保持layer在最前面，而不被Iframe、Object所覆蓋
在Layer中再插Iframe 或 Object 設z-Index值
<div z-Index:2><object xxx></object> ＃前面
<div z-Index:1><object xxx></object> ＃後面
<div id="Layer2" style="position:absolute; top:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
</div>
<div id="Layer1" style="position:absolute; top:50;width:200px;
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>

13。返回上一頁
<a href='javascript:history.back(1)'>『返回上一頁』</a>

14。關閉窗口
<a href='javascript:self.close()'>『關閉窗口』</a>

15。關於iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm"
allowTransparency="true"
STYLE="background-color: green"></IFRAME>

『陸』怎麼做這樣一款網站特效代碼

滑鼠特效代碼

<html>
<head>
<title>柏艾爾|boaer.com|---滑鼠觸碰會動的圖片</title>
</head><BODY>
<!--將以下代碼加入HTML的<Body></Body>之間-->
<style>
.shakeimage{
position:relative
}
</style>

<imgsrc="https://gss0.bdstatic.com/7Ls0a8Sm1A5BphGlnYG/sys/portrait/item/.jpg"class="shakeimage"onMouseover="init(this);rattleimage()"onMouseout="stoprattle(this)"width="176"height="144">
<scriptlanguage="JavaScript1.2">
varrector=3
varstopit=0
vara=1

functioninit(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

functionrattleimage(){
if((!document.all&&!document.getElementById)||stopit==1)
return
if(a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
elseif(a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
elseif(a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if(a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

functionstoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}

</script>
</body></html>

<br><br><hr>代碼來自互聯網，只為興趣與學習交流，不作商業用途。</font></p>

『柒』有什麼好的網頁特效代碼網站

你在網上搜jquery特效,大把的特效,都是應用很多,很主流的特效,基本上你想要用到的都能找到.而且移植也很方便,簡單. 希望對你有用.

『捌』網頁效果源代碼的網站

去懶人圖庫看下``我這里有`寫下了`你看下`圖片自己加下``

<html>

<head>
<title>網頁特效|Linkweb.cn/Js|---緊隨滑鼠的流動彩色字串</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>.spanstyle {
COLOR: #0066ff; FONT-FAMILY: 隸書; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
</head>

<body bgcolor="#ffffff" onload="javascript:pageonload()">
<script language="javascript">

var message="緊隨滑鼠的流動彩色字串!";
var x,y;
var step=12;
var flag=0;

message=message.split("");
var xpos=new Array();
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50;
}

var ypos=new Array();
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50;
}

function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+10;
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
flag=1;
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;

for (i=0; i<=message.length-1; i++) {
var thisspan = eval("span"+(i)+".style");
thisspan.posLeft=xpos[i];
thisspan.posTop=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i);
thisspan.left=xpos[i];
thisspan.top=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
}
</script>

<script language="javascript">
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("<img src='1104.gif'>");
document.write("<img src='1123.gif'>");
document.write("<img src='1124.gif'>");
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
<script
language="javascript">
function pageonload() {
makesnake();
window.setTimeout("pageonload();", 2);
}
</script>
</body>
</html>

『玖』代碼怎麼做像這樣的效果，然後在網站後台怎麼做發布信息出來時有這樣的效果

紅框部分相當於產品列表，每個產品可維護標題，產品描述，圖片多張，特殊標簽，質保期這些，前端做好截圖里的樣式布局和動態數據綁定，後台維護即可。

『拾』網頁代碼寫好了怎麼預覽網頁效果

1、如果是用文本編輯器如記事本或HTML編輯器之類的軟體編寫的普通html代碼，可另存為Html或htm格式的文件，用IE瀏覽器打開。
2、若是用Dreamweaver編寫的代碼，使用快捷鍵F12即可預覽。
3、若該代碼設計ASP或.net資料庫，需要在電腦上安裝IIS組件，具體安裝方法可在網路經驗或網路文庫中找到。

閱讀全文

代碼效果網站

與代碼效果網站相關的閱讀推薦