當(dāng)前位置：首頁 > 编程语言 > C# >内容正文

C#

网页特效代码集合+实例(C#)

發(fā)布時(shí)間：2024/1/1 C# 29 豆豆

生活随笔收集整理的這篇文章主要介紹了网页特效代码集合+实例(C#) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

文本框走動(dòng)跑馬燈

var msg="歡迎訪問網(wǎng)頁特效代碼?www.qpsh.com ";

var interval = 100;

var space10="";

var seq=0;

function Scroll() {

document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);

seq++;seq++;

if ( seq > msg.length ) { seq = 0 };

window.setTimeout("Scroll();", interval );

}

</SCRIPT>

</FORM></CENTER>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

滾動(dòng)文字

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<html>

<head>

</head>

<body>

var temp_i=1

function flash_sms()

{

for (i=1;i<=9;i++)

{

if (i==temp_i) temp_str="red"; else temp_str="green";

eval("a"+i+".style.color='"+temp_str+"';");

}

temp_i++;

if (temp_i>9) temp_i=1;

}

setInterval("flash_sms()",200);

</SCRIPT>

</body>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

水形文字

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<HTML>

<HEAD>

<STYLE>

??DIV {width: 609; font-size: 40pt; font-family: Tahoma;font-weight: bold;}

</STYLE>

var count=0; var thePhase=0; var aniOn=0;

var theStrength=0;var maxCount=40;var maxStrength=100;var theCount=0;

var colorList=new Array("red", "blue", "green");

var oDiv=null;

var oQueue=new Array();

function doStart(obj)

{

oDiv=obj;

oQueue.push("Welcome to 51js!");

oQueue.push("Hello Friends!");

oQueue.push("I love you");

if(obj==null)return;

if(!oQueue.length)return;

oDiv.innerHTML=oQueue.shift();

var ctrlRng=document.body.createControlRange()

ctrlRng.add(oDiv)

ctrlRng.select();

ctrlRng.execCommand("SelectAll")

????theCount=0;

doFilt();

}

function getStrength(pos)

{

var ret=0

if(pos<maxCount)

{

ret=maxStrength*pos*pos/(maxCount*maxCount);

}

else if(pos==maxCount)

{

strNext=oQueue.shift()

oDiv.innerHTML=strNext;

rndNum=Math.floor(Math.random() * 3)

oDiv.style.filter+="glow(color=" + ?colorList[rndNum] + ", strength=5)"

ret=maxStrength;

}

else if(pos<2*maxCount)

{

pos=2*maxCount-pos;

ret=maxStrength*pos*pos/(maxCount*maxCount);

}

else

ret=0;

ret=Math.ceil(ret)

return ret;

}

function anitext(){

??thePhase=(thePhase + 10)

??oDiv.filters[0].phase=thePhase

??theStrength=getStrength(++theCount);

??window.status=theStrength

??if(theStrength==0)theCount=0;

??if(oQueue.length>0 || theStrength>0)

??{

????oDiv.filters[0].strength=theStrength;

????oTO=window.setTimeout("anitext()",0200,"JavaScript")

??}

}

function doFilt(){

??oDiv.style.filter="wave(add=0, freq=3, lightstrength=50, phase=0, strength=2, enabled=1); "

??rndNum=Math.floor(Math.random() * 3)

??oDiv.style.filter+="glow(color=" + ?colorList[rndNum] + ", strength=5)"

??anitext()

}

function removeFilt(){

??window.clearTimeout(oTO)

??oDiv.style.filter=" "

}

function arrPush(item)

{

this[this.length]=item;

}

function arrShift()

{

var item=this[0];

var nLen=this.length;

for(var i=0;i<nLen-1;i++)

this[i]=this[i+1];

this.length--;

return item;

}

Array.prototype.push=arrPush;

Array.prototype.shift=arrShift;

</SCRIPT>

</HEAD>

</DIV>

</BODY>

</HTML>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<html>

<head>

<title>特效演示，非常不錯(cuò)的表單顯示效果</title>

body{

font-family: verdana,font-size: 12px;color: #FFFFFF;background-color:#ffffff}

.en1 {

font-size: 10px;font-family: Verdana

}

.input1{

font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;

}

.input1-bor {

font-family:verdana;background-color:#F0F8FF;font-size: 12px;

border: 1px solid #333333;}

</style>

<!--

.en1 {font-size: 10px;font-family: Verdana

}

.input1 {font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;

}

-->

</style>

</head>

<body>

<tr>

</td>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

.style1{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #96C2F1;

background-color: #EFF7FF

}

.style2{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #9BDF70;

background-color: #F0FBEB

}

.style3{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #BBE1F1;

background-color: #EEFAFF

}

.style4{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #CCEFF5;

background-color: #FAFCFD

}

.style5{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #FFCC00;

background-color: #FFFFF7

}

.style6{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #92B0DD;

background-color: #FFFFFf

}

.style6 h5{

margin: 1px;

background-color: #E2EAF8;

height: 24px;

}

.style7{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #A9C9E2;

background-color: #E8F5FE

}

.style8{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #E3E197;

background-color: #FFFFDD

}

.style9{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #ADCD3C;

background-color: #F2FDDB

}

.style10{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #F8B3D0;

background-color: #FFF5FA

}

.style11{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #D3D3D3;

background-color: #F7F7F7

}

.style12{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #BFD1EB;

background-color: #F3FAFF

}

.style13{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #FFDD99;

background-color: #FFF9ED

}

.style14{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #CACAFF;

background-color: #F7F7FF

}

.style15{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #A5B6C8;

background-color: #EEF3F7

}

.style16{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #CEE3E9;

background-color: #F1F7F9

}

</style>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<tr>

<td>Insert anything you want into this table.

Insert anything you want into this table.

</td>

</tr>

</table>

<!--

Flashing Table Border Script-

?Dynamic Drive (www.dynamicdrive.com)

For full source code, installation instructions,

100's more DHTML scripts, and Terms Of

Use, visit dynamicdrive.com

function flashit(){

if (!document.all)

return

if (myexample.style.borderColor=="green")

myexample.style.borderColor="red"

else

myexample.style.borderColor="green"

}

setInterval("flashit()", 500)

//-->

</script>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<HTML>

<HEAD>

<TITLE>又一款FLASH圖片切換效果代碼 www.qpsh.com</TITLE>

if(typeof sas=="undefined")var sas=new Object();

if(typeof sas.ued=="undefined")sas.ued=new Object();

if(typeof sas.ued.util=="undefined")sas.ued.util=new Object();

if(typeof sas.ued.FlashObjectUtil=="undefined")sas.ued.FlashObjectUtil=new Object();

sas.ued.FlashObject=function(swf,id,w,h,ver,c,useExpressInstall,quality,xiRedirectUrl,redirectUrl,detectKey)

{

if(!document.createElement||!document.getElementById)return;this.DETECT_KEY=detectKey?detectKey:'detectflash';

this.skipDetect=sas.ued.util.getRequestParameter(this.DETECT_KEY);

this.params=new Object();this.variables=new Object();

this.attributes=new Array();this.useExpressInstall=useExpressInstall;

if(swf)this.setAttribute('swf',swf);

if(id)this.setAttribute('id',id);

//by www.qpsh.com

if(w)this.setAttribute('width',w);

if(h)this.setAttribute('height',h);

if(ver)this.setAttribute('version',new sas.ued.PlayerVersion(ver.toString().split(".")));

this.installedVer=sas.ued.FlashObjectUtil.getPlayerVersion(this.getAttribute('version'),useExpressInstall);

if(c)this.addParam('bgcolor',c);

var q=quality?quality:'high';

this.addParam('quality',q);

var xir=(xiRedirectUrl)?xiRedirectUrl:window.location;this.setAttribute('xiRedirectUrl',xir);

this.setAttribute('redirectUrl','');

if(redirectUrl)this.setAttribute('redirectUrl',redirectUrl)};

sas.ued.FlashObject.prototype={setAttribute:function(name,value){this.attributes[name]=value},getAttribute:function(name){return this.attributes[name]},addParam:function(name,value){this.params[name]=value},getParams:function(){return this.params},addVariable:function(name,value){this.variables[name]=value},getVariable:function(name){return this.variables[name]},getVariables:function(){return this.variables},createParamTag:function(n,v){var p=document.createElement('param');p.setAttribute('name',n);p.setAttribute('value',v);return p},getVariablePairs:function(){var variablePairs=new Array();var key;var variables=this.getVariables();for(key in variables){variablePairs.push(key+"="+variables[key])}return variablePairs},getFlashHTML:function(){var flashNode="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall"))this.addVariable("MMplayerType","PlugIn");flashNode='<embed type="application/x-shockwave-flash" src="'+this.getAttribute('swf')+'" width="'+this.getAttribute('width')+'" height="'+this.getAttribute('height')+'"';flashNode+=' id="'+this.getAttribute('id')+'" name="'+this.getAttribute('id')+'" ';var params=this.getParams();for(var key in params){flashNode+=[key]+'="'+params[key]+'" '}var pairs=this.getVariablePairs().join("&");if(pairs.length>0){flashNode+='flashvars="'+pairs+'"'}flashNode+='/>'}else{if(this.getAttribute("doExpressInstall"))this.addVariable("MMplayerType","ActiveX");flashNode='<object id="'+this.getAttribute('id')+'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+this.getAttribute('width')+'" height="'+this.getAttribute('height')+'">';flashNode+='<param name="movie" value="'+this.getAttribute('swf')+'" />';var params=this.getParams();for(var key in params){flashNode+='<param name="'+key+'" value="'+params[key]+'" />'}var pairs=this.getVariablePairs().join("&");if(pairs.length>0){flashNode+='<param name="flashvars" value="'+pairs+'" />'}flashNode+="</object>"}return flashNode},write:function(elementId){if(this.useExpressInstall){var expressInstallReqVer=new sas.ued.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(expressInstallReqVer)&&!this.installedVer.versionIsValid(this.getAttribute('version'))){this.setAttribute('doExpressInstall',true);this.addVariable("MMredirectURL",escape(this.getAttribute('xiRedirectUrl')));document.title=document.title.slice(0,47)+" - Flash Player Installation";this.addVariable("MMdoctitle",document.title)}}else{this.setAttribute('doExpressInstall',false)}if(this.skipDetect||this.getAttribute('doExpressInstall')||this.installedVer.versionIsValid(this.getAttribute('version'))){var n=(typeof elementId=='string')?document.getElementById(elementId):elementId;n.innerHTML=this.getFlashHTML()}else{if(this.getAttribute('redirectUrl')!=""){document.location.replace(this.getAttribute('redirectUrl'))}}}};sas.ued.FlashObjectUtil.getPlayerVersion=function(reqVer,xiInstall){var PlayerVersion=new sas.ued.PlayerVersion(0,0,0);if(navigator.plugins&&navigator.mimeTypes.length){var x=navigator.plugins["Shockwave Flash"];if(x&&x.description){PlayerVersion=new sas.ued.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."))}}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");for(var i=3;axo!=null;i++){axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);PlayerVersion=new sas.ued.PlayerVersion([i,0,0])}}catch(e){}if(reqVer&&PlayerVersion.major>reqVer.major)return PlayerVersion;if(!reqVer||((reqVer.minor!=0||reqVer.rev!=0)&&PlayerVersion.major==reqVer.major)||PlayerVersion.major!=6||xiInstall){try{PlayerVersion=new sas.ued.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","))}catch(e){}}}return PlayerVersion};sas.ued.PlayerVersion=function(arrVersion){this.major=parseInt(arrVersion[0])||0;this.minor=parseInt(arrVersion[1])||0;this.rev=parseInt(arrVersion[2])||0};sas.ued.PlayerVersion.prototype.versionIsValid=function(fv){if(this.major<fv.major)return false;if(this.major>fv.major)return true;if(this.minor<fv.minor)return false;if(this.minor>fv.minor)return true;if(this.rev<fv.rev)return false;return true};sas.ued.util={getRequestParameter:function(param){var q=document.location.search||document.location.href.hash;if(q){var startIndex=q.indexOf(param+"=");var endIndex=(q.indexOf("&",startIndex)>-1)?q.indexOf("&",startIndex):q.length;if(q.length>1&&startIndex>-1){return q.substring(q.indexOf("=",startIndex)+1,endIndex)}}return""}};if(Array.prototype.push==null){Array.prototype.push=function(item){this[this.length]=item;return this.length}}var getQueryParamValue=sas.ued.util.getRequestParameter;var sohuFlash=sas.ued.FlashObject;

</script>

//<![CDATA[

txt="<a image='http://www.qpsh.com/icon/443_209_1.jpg' info='網(wǎng)頁特效是用程序代碼在網(wǎng)頁中實(shí)現(xiàn)特殊效果或者特殊功能的一種技術(shù)' url='http://www.qpsh.com' /><a image='http://www.qpsh.com/icon/443_209_2.jpg' info='它為網(wǎng)頁活躍了氣氛，增加了網(wǎng)站的親和力。' url='http://www.qpsh.com' /><a image='http://www.qpsh.com/icon/443_209_3.jpg' info='一般在你想添加特效的地方直接粘貼特效代碼即可' url='http://www.qpsh.com/' /><a image='http://www.qpsh.com/icon/443_209_4.jpg' info='在本站下載的特效代碼，都有詳細(xì)說明，按說明使用即可。' url='http://www.qpsh.com' />"

var sohuFlash2 = new sohuFlash("http://www.qpsh.com/icon/qpsh_com_tp2.swf", "27", 520, 205, "7");

sohuFlash2.addParam("quality", "high");

sohuFlash2.addParam("wmode", "opaque");

sohuFlash2.addVariable("txt",txt);

sohuFlash2.write("sasFlashFocus27");

//]]>

?</SCRIPT>

</DIV>

</BODY>

</HTML>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<html>

<head>

<title>最新圖片交替閃現(xiàn)效果代碼</title>

<style>

td{ ?font-size:14px; color:#333333; line-height:140%}

body{ ?font-size:14px; color:#333333; line-height:140%;}

a:link ?????????{ color: #01499A; text-decoration: none }

a:visited ??????{ color: #01499A; text-decoration: none }

a:active ???????{ color: #cc0000; text-decoration: none }

a:hover ????????{ color: #cc0000; text-decoration: none}

</style>

</head>

<tr>

<!--

var textStrArr= new Array();

textStrArr[0]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">組圖：網(wǎng)絡(luò)十大女紅人誰更兇</a></h3><p>　　“冰作影、玉為魂”，皓月凝霜雪，暗香動(dòng)黃昏。梅亦遜“雪”三分白……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'

textStrArr[1]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">揭秘備受爭議的人體模特生產(chǎn)線</a></h3><p>　　相信各位網(wǎng)友都在商場見識(shí)過人體模特，不管是在公共場所穿衣也好，不穿衣也好……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'

textStrArr[2]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">“云南第一人造美女”術(shù)后現(xiàn)身</a></h3><p>　　這名29歲的彝族少婦終于從一個(gè)姿色平平的婦女變成一位容顏秀麗的美女……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'

textStrArr[3]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">網(wǎng)上最紅火的中年女人容榕阿姨</a></h3><p>　　容榕阿姨剛強(qiáng)倔強(qiáng)，即使婚姻挫敗、事業(yè)重創(chuàng)也沒有哭泣……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'

textStrArr[4]='<h3 align="center"><a href="http://www.qpsh.com" target="_blank">新絲路模特大賽眾佳麗三亞嬉水</a></h3><p>　　新絲路中國模特大賽創(chuàng)辦于一九八九年,已舉辦十四屆……[<a href="http://www.qpsh.com" target="_blank">全文</a>]</p>'

function setFoucsText(id){

document.getElementById("focusTextArea").innerHTML = textStrArr[id];

}

setFoucsText(0);

var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;

function focus1_DoFSCommand(command, args) {

if(command == "setFoucsText"){

//by www.qpsh.com

setFoucsText(args);

//alert("asdfasdf");

};

}

if (navigator.appName && navigator.appName.indexOf("Microsoft") != -1 && navigator.userAgent.indexOf("Windows") != -1 && navigator.userAgent.indexOf("Windows 3.1") == -1) {

document.write('<script language="VBScript">\n');

document.write('On Error Resume Next\n');

document.write('Sub focus1_FSCommand(ByVal command, ByVal args)\n');

document.write(' Call focus1_DoFSCommand(command, args)\n');

document.write('End Sub\n');

document.write('</script\>\n');

}

//-->

</script>

</div>

</td>

</tr>

</table>

</div>

</body>

</html>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<head>

<title>3dtest2</title>

// abc

var d = document;

var isNav, isIE, isNS6;

if(d.layers) {isNav = 1;}

else if(d.all) {isIE = 1;}

else if (d.getElementByID) {isNS6 = 1;}

if(!isIE) {

????????alert("this experiment requires IE, as it uses VML");

????????}

function mousemove(e) {

????????if (isIE) {

????????????????mx = window.event.clientX;

????????????????my = window.event.clientY;

????????????????}

????????else {

????????????????mx = e.pageX;

????????????????my = e.pageY;

????????????????}

????????} ???????

if (isNav) document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = mousemove;

// vertex definitions: ???????x,y,z,xp,yp

var b1 = new Array(-40,40,-40,0,0);

var b2 = new Array(-40,40,40,0,0);

var b3 = new Array(40,40,40,0,0);

var b4 = new Array(40,40,-40,0,0);

var b5 = new Array(-40,-40,-40,0,0);

var b6 = new Array(-40,-40,40,0,0);

var b7 = new Array(40,-40,40,0,0);

var b8 = new Array(40,-40,-40,0,0);

function project(vert, obj) {

????????vert[3] = Math.floor((vert[0] * dist) / (vert[2] + dist + 40));

????????vert[4] = Math.floor((vert[1] * dist) / (vert[2] + dist + 40));

????????}

function xrotate(vert, deg) {

????????cos1 = costable[deg];

????????sin1 = sintable[deg];

????????y = vert[1];

????????z = vert[2];

????????vert[1] = (cos1*y) - (sin1*z);

????????vert[2] = (sin1*y) + (cos1*z);

????????}

function yrotate(vert, deg) {

????????cos1 = costable[deg];

????????sin1 = sintable[deg];

????????x = vert[0];

????????z = vert[2];

????????vert[0] = (cos1*x) + (sin1*z);

????????vert[2] = (cos1*z) - (sin1*x);

????????}

function zrotate(vert, deg) {

????????cos1 = costable[deg];

????????sin1 = sintable[deg];

????????x = vert[0];

????????y = vert[1];

????????vert[0] = (cos1*x) - (sin1*y);

????????vert[1] = (sin1*x) + (cos1*y);

????????} ???????

var dist = 90;

var mx = 100,my = 100;

var p1,p2,p3,p4,p5,p6,p7,p8;

var xcenter, ycenter;

var sintable = new Array(360);

var costable = new Array(360);

function startup() {

????????for(i=-360;i<=360;i++) {

????????????????costable[i] = Math.cos(i*0.017454);

????????????????sintable[i] = Math.sin(i*0.017454);

????????????????}

????????main();

????????} ???????

function amod(vert, lyr, img, xr, yr, zr) {

????????project(vert);

????????xrotate(vert,yr);

????????yrotate(vert,xr);

????????//zrotate(vert,zr);

????????}

??????b2--b3 ??????

?????/ ??/ | ??????

???b1--b4 ?| ??????

???| ?b6--b7

???| / ??/

???b5--b8

var v1path, v2path, v3path, v4path;

var scrtch = 0;

function swip() {

????????if(scrtch == "1") {

????????????????scrtch = 0;

????????????????c1.path = "m";

????????????????c2.path = "m";

????????????????c3.path = "m";

????????????????c4.path = "m";

????????????????}

????????else {

????????????????scrtch = 1;

????????????????}

????????}

function main() {

????????if(scrtch == "1") {

????????????????c1.path = v1path;

????????????????c2.path = v2path;

????????????????c3.path = v3path;

????????????????c4.path = v4path;

????????????????}

????????????????

????????xr = -Math.floor((mx-350)/80);

????????if(xr > 6) {xr = 6};

????????yr = Math.floor((my-250)/80);

????????if(yr > 6) {yr = 6};

????????zr = 0;

????????for(i=1;i<=8;i++) {

????????????????eval("amod(b"+i+",p"+i+",'i"+i+"', xr, yr, zr)");

????????????????}

????????v1path = "m "+b1[3]+","+b1[4]+" l "+b2[3]+","+b2[4]+" "+b3[3]+","+b3[4]+" "+b4[3]+","+b4[4]+" x e";

????????v2path = "m "+b5[3]+","+b5[4]+" l "+b6[3]+","+b6[4]+" "+b7[3]+","+b7[4]+" "+b8[3]+","+b8[4]+" x e";

????????v3path = "m "+b1[3]+","+b1[4]+" l "+b2[3]+","+b2[4]+" "+b6[3]+","+b6[4]+" "+b5[3]+","+b5[4]+" x e";

????????v4path = "m "+b3[3]+","+b3[4]+" l "+b4[3]+","+b4[4]+" "+b8[3]+","+b8[4]+" "+b7[3]+","+b7[4]+" x e";

????????

????????v1.path = v1path;

????????v2.path = v2path;

????????v3.path = v3path;

????????v4.path = v4path;

????????

????????setTimeout('main()','20');

????????}

//--></script>

v\:*{behavior:url(#default#VML);}

body {font-family: verdana, arial; font-size:10px; color:white;}

input, select, .cb {background-color: #BB0000; padding:3px;font-family:verdana, helvetica, arial; font-size:10px; border: 0 solid; border-color: #C0E0C0; color:#FFFFFF;}

a:link, a:visited, a:active {font-family: verdana, arial; font-size:10px; color:white;}

a:hover {font-family: verdana, arial; font-size:10px; color:red;}

</style>

</head>

<v:shape id="c1" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape>

<v:shape id="c2" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape>

<v:shape id="c3" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape>

<v:shape id="c4" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape>

<v:shape id="v1" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape>

<v:shape id="v2" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape>

<v:shape id="v3" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape>

<v:shape id="v4" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape>

??<br>

<br>

??<select οnchange="dist = Math.floor(this.value);">

????????<option value="40">super high</option>

????????<option value="50">high</option>

????????<option value="90" selected>normal</option>

????????<option value="200">low</option>

????????<option value="10000">super low</option>

</select>

</div>

</body>

</html>

本代碼由<a href=http://www.qpsh.com>網(wǎng)頁特效網(wǎng)</a>提供

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>超酷超絢精美圖片展示效果代碼(一) - 網(wǎng)頁特效觀止-網(wǎng)頁特效代碼|JsCode.CN|</title>

html {

overflow: hidden;

}

body {

margin: 0px;

padding: 0px;

background: #000;

width: 100%;

height: 100%;

}

#imageFlow {

position: absolute;

width: 100%;

height: 80%;

left: 0%;

top: 10%;

background: #000;

}

#imageFlow .diapo {

position: absolute;

left: -1000px;

cursor: pointer;

-ms-interpolation-mode: nearest-neighbor;

}

#imageFlow .link {

border: dotted #fff 1px;

margin-left: -1px;

margin-bottom: -1px;

}

#imageFlow .bank {

visibility: hidden;

}

#imageFlow .top {

position: absolute;

width: 100%;

height: 40%;

background: #181818;

}

#imageFlow .text {

position: absolute;

left: 0px;

width: 100%;

bottom: 16%;

text-align: center;

color: #FFF;

font-family: verdana, arial, Helvetica, sans-serif;

z-index: 1000;

}

#imageFlow .title {

font-size: 0.9em;

font-weight: bold;

}

#imageFlow .legend {

font-size: 0.8em;

}

#imageFlow .scrollbar {

position: absolute;

left: 10%;

bottom: 10%;

width: 80%;

height: 16px;

z-index: 1000;

}

#imageFlow .track {

position: absolute;

left: 1%;

width: 98%;

height: 16px;

filter: alpha(opacity=30);

opacity: 0.3;

}

#imageFlow .arrow-left {

position: absolute;

}

#imageFlow .arrow-right {

position: absolute;

right: 0px;

}

#imageFlow .bar {

position: absolute;

height: 16px;

left: 25px;

}

</style>

var imf = function () {

var lf = 0;

var instances = [];

function getElementsByClass (object, tag, className) {

var o = object.getElementsByTagName(tag);

for ( var i = 0, n = o.length, ret = []; i < n; i++)

if (o[i].className == className) ret.push(o[i]);

if (ret.length == 1) ret = ret[0];

return ret;

}

function addEvent (o, e, f) {

if (window.addEventListener) o.addEventListener(e, f, false);

else if (window.attachEvent) r = o.attachEvent('on' + e, f);

}

function createReflexion (cont, img) {

var flx = false;

if (document.createElement("canvas").getContext) {

flx = document.createElement("canvas");

flx.width = img.width;

flx.height = img.height;

var context = flx.getContext("2d");

context.translate(0, img.height);

context.scale(1, -1);

context.drawImage(img, 0, 0, img.width, img.height);

context.globalCompositeOperation = "destination-out";

var gradient = context.createLinearGradient(0, 0, 0, img.height * 2);

gradient.addColorStop(1, "rgba(255, 255, 255, 0)");

gradient.addColorStop(0, "rgba(255, 255, 255, 1)");

context.fillStyle = gradient;

context.fillRect(0, 0, img.width, img.height * 2);

} else {

/* ---- DXImageTransform ---- */

flx ????= document.createElement('img');

flx.src = img.src;

flx.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(' +

???????????????????'opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=' +

???(img.height * .25) + ')';

}

/* ---- insert Reflexion ---- */

flx.style.position = 'absolute';

flx.style.left ????= '-1000px';

cont.appendChild(flx);

return flx;

}

/* ==== ImageFlow Constructor ==== */

function ImageFlow(oCont, size, zoom, border) {

this.diapos ????= [];

this.scr ???????= false;

this.size ??????= size;

this.zoom ??????= zoom;

this.bdw ???????= border;

this.oCont ?????= oCont;

this.oc ????????= document.getElementById(oCont);

this.scrollbar ?= getElementsByClass(this.oc, ??'div', 'scrollbar');

this.text ??????= getElementsByClass(this.oc, ??'div', 'text');

this.title ?????= getElementsByClass(this.text, 'div', 'title');

this.legend ????= getElementsByClass(this.text, 'div', 'legend');

this.bar ???????= getElementsByClass(this.oc, ??'img', 'bar');

this.arL ???????= getElementsByClass(this.oc, ??'img', 'arrow-left');

this.arR ???????= getElementsByClass(this.oc, ??'img', 'arrow-right');

this.bw ????????= this.bar.width;

this.alw ???????= this.arL.width - 5;

this.arw ???????= this.arR.width - 5;

this.bar.parent = this.oc.parent ?= this;

this.arL.parent = this.arR.parent = this;

this.view ??????= this.back ??????= -1;

this.resize();

this.oc.onselectstart = function () { return false; }

/* ---- create images ---- */

var img ??= getElementsByClass(this.oc, 'div', 'bank').getElementsByTagName('a');

this.NF = img.length;

for (var i = 0, o; o = img[i]; i++) {

this.diapos[i] = new Diapo(this, i,

o.rel,

o.title || '- ' + i + ' -',

o.innerHTML || o.rel,

o.href || '',

o.target || '_self'

);

}

/* ==== add mouse wheel events ==== */

if (window.addEventListener)

this.oc.addEventListener('DOMMouseScroll', function(e) {

this.parent.scroll(-e.detail);

}, false);

else this.oc.onmousewheel = function () {

this.parent.scroll(event.wheelDelta);

}

/* ==== scrollbar drag N drop ==== */

this.bar.onmousedown = function (e) {

if (!e) e = window.event;

var scl = e.screenX - this.offsetLeft;

var self = this.parent;

/* ---- move bar ---- */

this.parent.oc.onmousemove = function (e) {

if (!e) e = window.event;

self.bar.style.left = Math.round(Math.min((self.ws - self.arw - self.bw), Math.max(self.alw, e.screenX - scl))) + 'px';

self.view = Math.round(((e.screenX - scl) ) / (self.ws - self.alw - self.arw - self.bw) * self.NF);

if (self.view != self.back) self.calc();

return false;

}

/* ---- release scrollbar ---- */

this.parent.oc.onmouseup = function (e) {

self.oc.onmousemove = null;

return false;

}

return false;

}

/* ==== right arrow ==== */

this.arR.onclick = this.arR.ondblclick = function () {

if (this.parent.view < this.parent.NF - 1)

this.parent.calc(1);

}

/* ==== Left arrow ==== */

this.arL.onclick = this.arL.ondblclick = function () {

if (this.parent.view > 0)

this.parent.calc(-1);

}

/* ==== ImageFlow prototype ==== */

ImageFlow.prototype = {

/* ==== targets ==== */

calc : function (inc) {

if (inc) this.view += inc;

var tw = 0;

var lw = 0;

var o = this.diapos[this.view];

if (o && o.loaded) {

/* ---- reset ---- */

var ob = this.diapos[this.back];

if (ob && ob != o) {

ob.img.className = 'diapo';

ob.z1 = 1;

}

/* ---- update legend ---- */

this.title.replaceChild(document.createTextNode(o.title), this.title.firstChild);

this.legend.replaceChild(document.createTextNode(o.text), this.legend.firstChild);

/* ---- update hyperlink ---- */

if (o.url) {

o.img.className = 'diapo link';

window.status = 'hyperlink: ' + o.url;

} else {

o.img.className = 'diapo';

window.status = '';

}

/* ---- calculate target sizes & positions ---- */

o.w1 = Math.min(o.iw, this.wh * .5) * o.z1;

var x0 = o.x1 = (this.wh * .5) - (o.w1 * .5);

var x = x0 + o.w1 + this.bdw;

for (var i = this.view + 1, o; o = this.diapos[i]; i++) {

if (o.loaded) {

o.x1 = x;

o.w1 = (this.ht / o.r) * this.size;

x ??+= o.w1 + this.bdw;

tw ?+= o.w1 + this.bdw;

}

x = x0 - this.bdw;

for (var i = this.view - 1, o; o = this.diapos[i]; i--) {

if (o.loaded) {

o.w1 = (this.ht / o.r) * this.size;

o.x1 = x - o.w1;

x ??-= o.w1 + this.bdw;

tw ?+= o.w1 + this.bdw;

lw ?+= o.w1 + this.bdw;

}

/* ---- move scrollbar ---- */

if (!this.scr && tw) {

var r = (this.ws - this.alw - this.arw - this.bw) / tw;

this.bar.style.left = Math.round(this.alw + lw * r) + 'px';

}

/* ---- save preview view ---- */

this.back = this.view;

}

/* ==== mousewheel scrolling ==== */

scroll : function (sc) {

if (sc < 0) {

if (this.view < this.NF - 1) this.calc(1);

} else {

if (this.view > 0) this.calc(-1);

}

/* ==== resize ?==== */

resize : function () {

this.wh = this.oc.clientWidth;

this.ht = this.oc.clientHeight;

this.ws = this.scrollbar.offsetWidth;

this.calc();

this.run(true);

/* ==== move all images ?==== */

run : function (res) {

var i = this.NF;

while (i--) this.diapos[i].move(res);

}

/* ==== Diapo Constructor ==== */

Diapo = function (parent, N, src, title, text, url, target) {

this.parent ???????= parent;

this.loaded ???????= false;

this.title ????????= title;

this.text ?????????= text;

this.url ??????????= url;

this.target ???????= target;

this.N ????????????= N;

this.img ??????????= document.createElement('img');

this.img.src ??????= src;

this.img.parent ???= this;

this.img.className = 'diapo';

this.x0 ???????????= this.parent.oc.clientWidth;

this.x1 ???????????= this.x0;

this.w0 ???????????= 0;

this.w1 ???????????= 0;

this.z1 ???????????= 1;

this.img.parent ???= this;

this.img.onclick ??= function() { this.parent.click(); }

this.parent.oc.appendChild(this.img);

/* ---- display external link ---- */

if (url) {

this.img.onmouseover = function () { this.className = 'diapo link'; }

this.img.onmouseout ?= function () { this.className = 'diapo'; }

}

/* ==== Diapo prototype ==== */

Diapo.prototype = {

/* ==== HTML rendering ==== */

move : function (res) {

if (this.loaded) {

var sx = this.x1 - this.x0;

var sw = this.w1 - this.w0;

if (Math.abs(sx) > 2 || Math.abs(sw) > 2 || res) {

/* ---- paint only when moving ---- */

this.x0 += sx * .1;

this.w0 += sw * .1;

if (this.x0 < this.parent.wh && this.x0 + this.w0 > 0) {

/* ---- paint only visible images ---- */

this.visible = true;

var o = this.img.style;

var h = this.w0 * this.r;

/* ---- diapo ---- */

o.left ??= Math.round(this.x0) + 'px';

o.bottom = Math.floor(this.parent.ht * .25) + 'px';

o.width ?= Math.round(this.w0) + 'px';

o.height = Math.round(h) + 'px';

/* ---- reflexion ---- */

if (this.flx) {

var o = this.flx.style;

o.left ??= Math.round(this.x0) + 'px';

o.top ???= Math.ceil(this.parent.ht * .75 + 1) + 'px';

o.width ?= Math.round(this.w0) + 'px';

o.height = Math.round(h) + 'px';

}

} else {

/* ---- disable invisible images ---- */

if (this.visible) {

this.visible = false;

this.img.style.width = '0px';

if (this.flx) this.flx.style.width = '0px';

}

} else {

/* ==== image onload ==== */

if (this.img.complete && this.img.width) {

/* ---- get size image ---- */

this.iw ????= this.img.width;

this.ih ????= this.img.height;

this.r ?????= this.ih / this.iw;

this.loaded = true;

/* ---- create reflexion ---- */

this.flx ???= createReflexion(this.parent.oc, this.img);

if (this.parent.view < 0) this.parent.view = this.N;

this.parent.calc();

}

/* ==== diapo onclick ==== */

click : function () {

if (this.parent.view == this.N) {

/* ---- click on zoomed diapo ---- */

if (this.url) {

/* ---- open hyperlink ---- */

window.open(this.url, this.target);

} else {

/* ---- zoom in/out ---- */

this.z1 = this.z1 == 1 ? this.parent.zoom : 1;

this.parent.calc();

}

} else {

/* ---- select diapo ---- */

this.parent.view = this.N;

this.parent.calc();

}

return false;

}

/* ==== public methods ==== */

return {

/* ==== initialize script ==== */

create : function (div, size, zoom, border) {

/* ---- instanciate imageFlow ---- */

var load = function () {

var loaded = false;

var i = instances.length;

while (i--) if (instances[i].oCont == div) loaded = true;

if (!loaded) {

/* ---- push new imageFlow instance ---- */

instances.push(

new ImageFlow(div, size, zoom, border)

);

/* ---- init script (once) ---- */

if (!imf.initialized) {

imf.initialized = true;

/* ---- window resize event ---- */

addEvent(window, 'resize', function () {

var i = instances.length;

while (i--) instances[i].resize();

});

/* ---- stop drag N drop ---- */

addEvent(document.getElementById(div), 'mouseout', function (e) {

if (!e) e = window.event;

var tg = e.relatedTarget || e.toElement;

if (tg && tg.tagName == 'HTML') {

var i = instances.length;

while (i--) instances[i].oc.onmousemove = null;

}

return false;

});

/* ---- set interval loop ---- */

setInterval(function () {

var i = instances.length;

while (i--) instances[i].run();

}, 16);

}

/* ---- window onload event ---- */

addEvent(window, 'load', function () { load(); });

}

}();

/* ==== create imageFlow ==== */

// ?????????div ID ???, size, zoom, border

imf.create("imageFlow", 0.15, 1.5, 10);

</script>

</head>

<body>

</div>

My identity lies in not knowing who I am</a>

...are made by not following instructions</a>

...can come between us</a>

Here you come!</a>

They don't know all the facts yet</a>

Emotional intimacy</a>

...remains to be done before we can announce our total failure to make any

progress</a>

Errare Programma Est</a>

There's no such thing</a>

I抦 now trapped, without hope of escape or rescue</a>

The World is flat</a>

1 l0v3 j00 - f0r3v3r</a>

111 111 111 x 111 111 111 = 12345678987654321</a>

...has not been written yet</a> </div>

Loading</div>

Please wait...</div>

</div>

</div>

</body>

</html>

<STYLE>

body{margin:0px;cursor:url(http://www.jscode.cn/jscode/images/Select.cur)}

v\:* { Behavior: url(#default#VML) }

</STYLE>

????<script>

?????var trace=""

?????var vP

?????var r=0

?????var vS

?????var p=new Object()

?????var lineColor=[[255,0,0],[255,0,255]]

?????p.x=0;p.y=0

?????function init(){

?????document.body.οnmοusedοwn=function(){

???????if (event.button==1 || event.button==4){

????????if (event.button==1) vP=document.createElement("v:PolyLine"); else vP=document.createElement("v:line");

???????}

???????vS=document.createElement("v:stroke")

???????vP.filled="false"

???????vP.appendChild(vS)

???????document.body.appendChild(vP)

???????trace="";

???????if (event.button==4) vP.from.value=event.clientX + "," + event.clientY;

?????}

?????

?????document.body.οnmοusemοve=function(){

???????if (event.button==1){

???????pos=event.clientX + "," + event.clientY + " ";

???????trace+=pos

???????vS.color="rgb(255,0,0)"

???vP.points.value=trace

??????}

??????if ?(event.button==4) {

???????vP.to.value=event.clientX + "," + event.clientY;

??????}

??????

??????rImg.style.left=event.clientX-20;

??????rImg.style.top=event.clientY-20;

??????

??????var cX = p.x-event.clientX;

??????var cY = p.y-event.clientY;

??????if (cX || cY) {

status ="cX:"+cX+" -cY:"+cY

??rotationImg(180-parseInt(Math.atan2(cY,cX)*180/Math.PI,10));

??????} ?

??????p.x=event.clientX;

??????p.y=event.clientY; ?

?????}

?????

?????document.body.οnmοuseup=function(){

???????vS.EndArrow="Block"

??????}

?????document.onselectstart=function(){return false}

?????}

?????

?????function rotationImg(flag){

???window.status=r + " to " + flag;

???var step=3;

?while(r-flag>180) flag+=360

?while(flag-r>180) flag-=360

?r += (flag-r)/step

?????rImg.style.rotation=90-r;

????}

????</script>

<v:image id="rImg" src="http://www.jscode.cn/jscode/images/mouse.gif" style="position:absolute;top:0;left:0;width:37;height:37;0" >

?<v:Stroke dashstyle="Solid"/>

</v:image>

</body>

<html>

<head>

<title>網(wǎng)頁特效|JsCode.cn|---跟隨鼠標(biāo)的圖片</title>

var newtop=0

var newleft=0

if (navigator.appName == "Netscape") {

layerStyleRef="layer.";

layerRef="document.layers";

styleSwitch="";

}

else

{

layerStyleRef="layer.style.";

layerRef="document.all";

styleSwitch=".style";

}

function doMouseMove() {

layerName = 'iit'

eval('var curElement='+layerRef+'["'+layerName+'"]')

eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')

eval('curElement'+styleSwitch+'.visibility="visible"')

eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')

eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')

eval('height=curElement'+styleSwitch+'.height')

eval('width=curElement'+styleSwitch+'.width')

width=parseInt(width)

height=parseInt(height)

if (event.clientX > (document.body.clientWidth - 5 - width))

{

newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width

}

else

{

newleft=document.body.scrollLeft + event.clientX

}

eval('curElement'+styleSwitch+'.pixelLeft=newleft')

if (event.clientY > (document.body.clientHeight - 5 - height))

{

newtop=document.body.clientHeight + document.body.scrollTop - 5 - height

}

else

{

newtop=document.body.scrollTop + event.clientY

}

eval('curElement'+styleSwitch+'.pixelTop=newtop')

}

document.onmousemove = doMouseMove;

</script>

</head>

<body>

if (navigator.appName == "Netscape") {

}

else

{

document.write('<div ID=OuterDiv>')

document.write('<img ID=iit src="images/flag.gif" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">')

document.write('</div>')

}

</script>

</body>

</html>

<html>

<head>

<title>網(wǎng)頁特效|Linkweb.cn/Js|---　圍繞圖片瘋狂旋轉(zhuǎn)的花朵</title>

</head>

<body>

<!--

var images='images/flower2.gif';//將圖片名稱改為你的圖像!

var amount=7;//Number of images here. Do not alter for this script!!

var speed=1;

var RunTime = 0;

var cntr=0;

var xcntr=100;

var pulse=25;

var Xpos = 0;

var Ypos = 0;

var _y;

var temp;

/*If you use an image larger or smaller than the one I've used

the cursor will be off center.Alter the 2 variables below to center it.*/

var UpDown=-10;

var LeftRight=-5;

if (document.all){

document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">');

document.write('<div id="c" style="position:relative">');

for (n=0; n < amount; n++)

document.write('<img src="'+images+'" style="position:absolute;top:0px;left:0px;visibility:hidden">');

document.write('</div>');

function FollowMouse(){

Xpos = document.body.scrollLeft+event.x+UpDown;

Ypos = document.body.scrollTop+event.y+LeftRight;

}

document.onmousemove = FollowMouse;

}

else if (document.layers){

window.captureEvents(Event.MOUSEMOVE);

function xFollowMouse(evnt){

Xpos = evnt.pageX+UpDown;

Ypos = evnt.pageY+LeftRight;

}

window.onMouseMove = xFollowMouse;

for (ns=0; ns < amount; ns++)

document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0 VISIBILITY=HIDE><IMG SRC='"+images+"'></LAYER>");

}

function msi(){

if (document.layers){

for ( i = 0 ; i < ns ; i++ )

{

temp="n"+i

document.layers[0].visibility='show';

document.layers[0].top = Ypos+cntr*Math.cos((RunTime+i*4.5)/5);

document.layers[0].left =Xpos+cntr*Math.sin((RunTime+i*4.5)/5);

}

cntr+=1;

RunTime+=speed;

stp=setTimeout('msi()',10);

if (cntr>=100)

{

cntr=100;

speed=2.5;

for ( i = 0 ; i < ns ; i++ )

{

temp="n"+i

document.layers[temp].visibility='show';

document.layers[temp].top=Ypos+cntr*Math.cos((RunTime-100)*i/90);

document.layers[temp].left=Xpos+cntr*Math.sin((RunTime-100)*i/90);

}

if (RunTime>182)

{

speed=0.5;

for ( i = 0 ; i < ns ; i++ )

{

temp="n"+i

document.layers[temp].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);

document.layers[temp].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);

}

else if (document.all){

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[0].style.visibility='visible';

ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);

ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);

}

cntr+=1;

RunTime+=speed;

stp=setTimeout('msi()',10);

if (cntr>=100)

{

cntr=100;

speed=2.5;

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[i].style.visibility='visible';

ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90);

ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90);

}

if (RunTime>182)

{

speed=0.5;

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);

ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);

}

if (RunTime>210)

{

xcntr-=10;

}

if (document.layers)

_y=-window.innerWidth-90;

else if (document.all)

_y=-document.body.clientWidth-90;

if (xcntr <= _y)

{

RunTime=0;

speed=1;

cntr=0;

xcntr=100;

}

msi()

//-->

</script>

</body>

</html>

總結(jié)

以上是生活随笔為你收集整理的网页特效代码集合+实例(C#)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： php开发之cms开发体验
下一篇： 2022最新Ripro日主题9.0升级修