图形特效--飞飞Asp乐园http://www.ffasp.com/rss/rss.asp使用ul和li，标准下的无缝滚动http://www.ffasp.com/content.asp?newsid=1538<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>向上无缝滚动的封装的演示</title> <style type="text/css"> <!-- ol,ul{list-style:none; margin:0;padding:0} li{ height:25px} #demo3 ul,#demo4 ul{float:left; width:400px;} #demo3 li,#demo4 li{ float:left; width:50px} --> </style> </head> <body> <div style=" height:50px; line-height:50px; color:#FFFFFF; background:#333333; margin-bottom:20px; padding-left:30px; font-size:16px"> 向上无缝滚动的封装的演示--<a style="color:#FFFFFF" href="www.ffasp.comhttp://www.ffasp.com">www.ffasp.com</a></div> <p>这个是速度为10的滚动</p> <div id="demo" style=" overflow: hidden; width: 322px; height: 50px"> <ul> <li>111</li> <li>222</li> <li>333</li> <li>444</li> <li>555</li> <li>666</li> <li>777</li> <li>888</li> </ul> </div> <hr /> <p>这个是速度为50的向下滚动</p> <div id="demo2" style=" overflow: hidden; width: 322px; height: 50px"> <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> <li>fff</li> <li>ggg</li> <li>hhh</li> </ul> </div> <hr /> <p>这个是速度为10的向左滚动</p> <div id="demo3" style="overflow: hidden; width: 100px; hFri, 30 Oct 2009 11:55:29 GMTppg放大镜效果http://www.ffasp.com/content.asp?newsid=1061 <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="衬衫,直销,衬衣,HANY" /> <link rel="shortcut icon" href="/favicon.ico"> <title>White Collar 80S长袖 - HANY - 快乐，随身出发</title> <script> //大图浏览器 var gp_cur = 1; var gid = 0; var zoom_m = 320; // 小图的实际尺寸的宽和高 var zoom_w = 280; //大放大镜的显示框的宽和高 var zoom_x = 90; //小放大镜的宽和高 var zoom_b = 996; //实际大图的宽和高 var zoom_x_h = zoom_x / 2; var mp_pos = null; function getAbsPoint(e) { if (e == null) { return; } var x = e.offsetLeft, y = e.offsetTop; while(e=e.offsetParent){x += e.offsetLeft; y += e.offsetTop;} x = x + 0; y = y + 0; return {"x": x, "y": y}; } function locateZoom() { var zw = object("bpd");//大框 if (zw == null) { return; } zw.style.left = mp_pos.x + zoom_m + 14 + "px"; zw.style.top = mp_pos.y + 20 + "px"; } function slidebp() { var x = event.clientX - mp_pos.x + document.documentElement.scrollLeft; var y = event.clientY - mp_pos.y + document.documentElement.scrollTop; movebigpic(x, y); movediv(x, y); var mp = object("mp"); var bpd = object("bpd"); var vpd = object("vpd"); if (mTue, 29 Apr 2008 22:15:33 GMT自由飘浮的图像http://www.ffasp.com/content.asp?newsid=389<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---屏幕上自由飘浮的图像</title> </head> <body> <center> <!-- script --> <script language="javascript"> window.onload=netease; var brOK=false; var mie=false; var aver=parseInt(navigator.appVersion.substring(0,1)); var aname=navigator.appName; function checkbrOK() {if(aname.indexOf("Internet Explorer")!=-1) {if(aver>=4) brOK=navigator.javaEnabled(); mie=true; } if(aname.indexOf("Netscape")!=-1) {if(aver>=4) brOK=navigator.javaEnabled();} } var vmin=2; var vmax=5; var vr=2; var timer1; function Chip(chipname,width,height) {this.named=chipname; this.vx=vmin+vmax*Math.random(); this.vy=vmin+vmax*Math.random(); this.w=width; this.h=height; this.xx=0; this.yy=0; this.timer1=null; } function movechip(chipname) { if(brOK) {eval("chip="+chipname); if(!mie) {pageX=window.pageXOffset; pageW=window.innerWidth; pageY=window.pageYOffset; pageH=window.innerHeight; } else {pageX=window.document.body.scrollLeft; pageW=window.document.body.offsetWidth-8; pageY=window.document.body.scrollTop; pageH=window.dThu, 04 Oct 2007 09:16:32 GMT淡入淡出的图像http://www.ffasp.com/content.asp?newsid=388<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---淡入淡出的图像</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> </head> <body> <p align="center"><font face="方正胖娃简体" size="7">渐渐透Thu, 04 Oct 2007 09:15:39 GMT图像的反色效果http://www.ffasp.com/content.asp?newsid=387<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---图像的反色效果</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <style type="TEXT/CSS">.cool { BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; CURSOR: hand; FONT-SIZE: 9pt } A { TEXT-DECORATION: none } A:hover { COLOR: #ff9900; TEXT-DECORATION: underline } TD { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } TH { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } BODY { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } .FInvert { FILTER: Invert } .FXray { FILTER: xray } </style> </head> <body> <center> <table cellPadding="0" cellSpacing="0" width="527" height="343"> <TBODY> <trThu, 04 Oct 2007 09:14:02 GMT图像过渡显示特效http://www.ffasp.com/content.asp?newsid=386<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---图像过渡显示特效</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <script language="JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> </head> <body onclick="Clicked()"> <center> <div id="Layer1" style="position:absolute; left:298; top:190; width:402; height:221; z-index:1"> <p>　</p> <p align="center"><font color="#010000" size="5" face="幼圆"><b>多姿多彩的图片过渡显示效果</b></font></p> <p><font face="楷体_GB2312" size="4" color="#FF0000"><strong>一般的图片过渡显示，是不是过于单调，如果你想换一个的话，尝试一下这个特效，包括百叶窗、棋盘格、圆形、溶解等二十多种图片过渡显示效果，全部代码编制，所附光盘上有全部代码，你可以COPY到你的网页中，轻松实现上面的精彩效果！</strong></font> </p> <p><font face="楷体_GB2312" size="3" color="#FF0000"><strong><em>请单击鼠标观察多姿多彩的Thu, 04 Oct 2007 09:11:10 GMT闪烁的图片http://www.ffasp.com/content.asp?newsid=385<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---不停闪烁的图片</title> </head><body><br> <!--将以下代码加入HTML的<Body></Body>之间--> <BODY ONLOAD="soccerOnload()" topmargin=&quotThu, 04 Oct 2007 09:09:37 GMT左右晃动的图片http://www.ffasp.com/content.asp?newsid=384<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---左右移动的图片</title> </head><BODY> <!--将以下代码加入HTML的<Body></Body>之间--> <script LANGUAGE="JavaScript"><!-- step = 0; obj = new Image(); function anim(xp,xk,smer) { obj.style.left = x; x += step*smer; if (x>=(xk+xp)/2) { if (smer == 1) step--; else step++; } else { if (smer == 1) step++; else step--; } if (x >= xk) { x = xk; smer = -1; } if (x <= xp) { x = xp; smer = 1; } sThu, 04 Oct 2007 09:06:22 GMT图片模糊显现http://www.ffasp.com/content.asp?newsid=383<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---图片模糊显现</title> </head><BODY> <!--将以下代码加入HTML的<Body></Body>之间--> <script Thu, 04 Oct 2007 09:04:32 GMT禁止图片下载http://www.ffasp.com/content.asp?newsid=382<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---禁止图片下载</title> <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } a:active { font: 9pt "宋体"; cursor: hand; cThu, 04 Oct 2007 09:02:34 GMT