【JavaScript】在同一個網頁中實現多個JavaScript特效，javascript特效
在網頁中，如果出現兩次<script type="text/javascript"></script>標籤，所有的JavaScipt指令碼都不會再生效，只能出現一次<script type="text/javascript"></script>標籤，但是，同一個網頁中常常需要多個JavaScript特效。
一、基本目標
在網頁中掛載兩個JavaScript時鐘，其中一個是每1秒走一次的正常時間，另外一個是每3秒才走一次的不正常時鐘，只是為了區分之後，來說明同一個網頁中如何?多個JavaScript特效。
二、製作過程
<html><head><script type="text/javascript">function clocka() {var time = new Date().toLocaleString();document.getElementById("clocka").innerHTML = time;}function a(){clocka();setInterval("clocka()", 1000);}function clockb() {var time = new Date().toLocaleString();document.getElementById("clockb").innerHTML = time;}function b(){clockb();setInterval("clockb()", 3000);}</script></head><body onLoad="a(),b()"><div id="clocka"></div><div id="clockb"></div></body></html>
至於clocka()與clockb()，是根據原來的JavaScript代碼改寫過來的。原來處於<body>中那段JavaScript代碼如下：
<script type="text/javascript">function clock() {var time = new Date().toLocaleString();document.getElementById("clock").innerHTML = time;}setInterval("clock()", 1000);</script>
已發。查收。
兩個javascript的圖片切換特效在同一頁面衝突
不僅僅是id取名要不一樣，定義的變數也須要不一樣，比如var widths等，不然重複了它不知道調用哪個參數了
我給你改了下，經測試可用
***********************
注意：請將以下代碼中的中文引號“全部替換為英文格式的
***********************
<script language=“javascript“ type=“text/javascript“>
var widths=310;
var heights=310;
var counts=3;
img1=new Image ();img1.src='images/index_img/0001.jpg';
img2=new Image ();img2.src='images/index_img/0002.jpg';
img3=new Image ();img3.src='images/index_img/0003.jpg';
url1=new Image ();url1.src='www.webjx.com';
url2=new Image ();url2.src='www.webjx.com';
url3=new Image ();url3.src='www.webjx.com';
var nn=1;
var key=0;
function change_img()
{if(key==0)
{key=1;}
else if(document.all)
{document.getElementById(“pic“).filters[0].Apply(); document.getElementById(“pic“).filters[0].Play(duration=2);
}
eval('document.getElementById(“pic“).src=img'+nn+'.src'); eval('document.getElementById(“url“).href=url'+nn+'.src');
for (var i=1;i<=counts;i++){document.getElementById(“xxjdjj“+i).className='axx';
}
document.getElementById(“xxjdjj“+nn).className='bxx';
nn++;
if(nn>counts){nn=1;}
tt=setTimeout('change_img()',5000);}
function changeimg(ks)......餘下全文>>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
