脚本
＜SCRIPT language=JavaScript＞
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != ＂[object>＂){ //do this so I can take a string too
setTimeout(＂nereidFade(＂ object ＂,＂ destOp ＂,＂ rate ＂,＂ delta ＂)＂,0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex>);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity ＞ destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity =direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex>=object;
nereidFadeTimers[object.sourceIndex>=setTimeout(＂nereidFade(nereidFadeObjects[＂ object.sourceIndex ＂>,＂ destOp ＂,＂ rate ＂,＂ delta ＂)＂,rate);
}
}
＜/SCRIPT＞
-----------------------------
HTML控制码
＜IMG onmouseout=nereidFade(this,40,10,5) onmouseover=nereidFade(this,100,10,5) src=＂＂ style=＂FILTER: alpha(opacity=40)＂ width=60＞
-----------------------------
效果
图片初始状态为半透明 style=＂FILTER: alpha(opacity=40)＂ width=60＞
鼠标经过是逐渐变成不透明 onmouseover=nereidFade(this,100,10,5)
鼠标移出后又逐渐变成半透明 onmouseout=nereidFade(this,40,10,5)
-----------------------------
这里的很多网友可能都会的
不过看到这里还是有很多初学者
这些好的js代码对大家应该还是很有帮助的
如果谁还有好的代码请继续跟贴
否则，只看勿顶！
表格背景颜色控制
onmouseover=this.bgColor=';＆＃35;ffffff'; onmouseout=this.bgColor=';＆＃35;D2D2D2';
-----------------------------
效果
当鼠标在表格上经过时表格底色改变，同论坛帖子列表效果
-----------------------------
示例
＜td onmouseover=this.bgColor=';＆＃35;ffffff'; onmouseout=this.bgColor=';＆＃35;D2D2D2';＞＜/td＞
//适用于单个单元格
＜tr onmouseover=this.bgColor=';＆＃35;ffffff'; onmouseout=this.bgColor=';＆＃35;D2D2D2';＞＜td＞＜/td＞＜td＞＜/td＞＜/tr＞
//适用于一行表格
注意：为了使你做出的效果尽量炫，可以参考其它应有网站此效过时颜色是如何搭配的，一般为一深一浅
背景图片控制
style=＂background-position:top right; background-repeat:no-repeat＂
第一个斜体字top right处有四个选项，分别代表四个顶角，亦即背景图片的起点，即top left|top right|bottom left|bottom right
第二个斜体字no-repeat处有三个选项，分别表示背景图片的复制方式
1.no-repeat 不复制，即使背景图片大小小于body或表格的面积，也不进行复制
2.repeat-x 在x方向进行复制，即横向
3.repeat-y 在y方向进行复制，即纵向
-----------------------------
效果
可以随心所欲的控制背景图片的排版方式，做出比如像渐变背景、虚线边框等样式
-----------------------------
示例
＜body style=＂background-image:url(images/bg1.jpg);background-repeat:repeat-x＂＞
＜td background=＂images/bg2.jpg＂ style=＂background-repeat:repeat-x＂＞
ps:如果没有设定background-position选项，则默认为top left，即左上角
老兄，把up换成代码好吧
水平方向图片滚动无缝连接
＜table width=＂100%＂ border=＂0＂ cellspacing=＂0＂
cellpadding=＂0＂＞＜tr＞＜td height=＂12＂＞＜div id=＂demo＂
style=＂overflow:hidden;width:754;color:＆＃35;ffffff＂＞
＜table align=left cellpadding=0 cellspacing=0
border=0＞＜tr＞＜td id=＂demo1＂＞
＜table＞用表格组织你的图片＜/table＞
＜/td＞
＜td id=＂demo2＂＞＜/td＞
＜/tr＞
＜/table＞
＜/div＞＜/td＞＜/tr＞＜/table＞
＜script language=＂JavaScript＂＞
var speed=20;
demo2.innerHTML=demo1.innerHTML; //克隆demo1为
demo2
function Marquee(){
if(demo2.offsetWidth ＜= demo.scrollLeft){
//当滚动至demo1与demo2交界时
demo.scrollLeft = demo.scrollLeft - demo1.offsetWidth;
//demo跳到最顶端
}
else{
demo.scrollLeft ;
}
}
var MyMar=setInterval(Marquee,speed);//设置定时器
demo.onmouseover=function() {clearInterval(MyMar);}//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval
(Marquee,speed);}//鼠标移开时重设定时器
＜/script＞
＜/td＞＜/tr＞＜/table＞
-----------------------------
好东西就要大家分享
晕了
Ctrl Enter提交代码
＜script＞
function presskey(eventobject)
{
if(event.ctrlKey ＆＆ window.event.keyCode==13)
{
document.form.submit1.disabled = true;
this.document.form.submit();
}
}
＜/script＞
-----------------------------
效果
给提交按钮添加快捷键Ctrl Enter
在论坛发帖或回复时都可以看到
多謝了。
用邮件形式提交的表单得到POSTDATA.ATT的文件的解决办法
＜form name=＂form1＂ method=＂post＂ action=＂mailto:iknoown@msn.com＂ enctype=＂text/plain＂＞
在form属性中添加上面红色部分即可
网页幻灯片效果
＜script language=JavaScript＞
＜!-- // BannerAD
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0>=＂/img/200406301.jpg＂;
bannerADlink[0>=＂/js＂;
bannerAD[1>=＂/img/200406302.jpg＂;
bannerADlink[1>=＂/js＂;
bannerAD[2>=＂/img/200406303.jpg＂;
bannerADlink[2>=＂/js＂;
bannerAD[3>=＂/img/200406304.jpg＂;
bannerADlink[3>=＂/js＂;
bannerAD[4>=＂/img/200406305.jpg＂;
bannerADlink[4>=＂/js＂;
var preloadedimages=new Array();
for (i=1;i＜bannerAD.length;i ){
preloadedimages=new Image();
preloadedimages.src=bannerAD;
}
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
if(adNum＜bannerAD.length-1)adNum ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum>;
playTransition();
theTimer=setTimeout(＂nextAd()＂, 5000);
}
function jump2url(){
jumpUrl=bannerADlink[adNum>;
jumpTarget=';_blank';;
if (jumpUrl != ';';){
if (jumpTarget != ';';)window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum>;
document.returnValue = true;
}
//--＞
＜/script＞
＜table border=＂0＂ cellspacing=＂6＂ cellpadding=＂1＂＞
＜tr＞
＜td bgcolor=＂＆＃35;FFFFFF＂＞＜A onmouseover=＂displayStatusMsg();return document.returnValue＂ href=＂javascript:jump2url()＂＞＜IMG style=＂FILTER: revealTrans(duration=2,transition=20)＂ height=200 src=＂/img/200306301.jpg＂ width=150 border=0 name=bannerADrotator＞＜/A＞
＜SCRIPT language=JavaScript＞nextAd()＜/SCRIPT＞＜/td＞
＜/tr＞
＜/table＞
相信很多人都想得到的，8错的东东哦
向上滚动无缝连接
＜table width=＂40＂ border=＂0＂ cellspacing=＂0＂ cellpadding=＂0＂＞
＜tr＞＜td width=＂40＂ height=＂170＂＞
＜div id=＂demo＂ style=＂overflow:hidden;height:170;color:＆＃35;ffffff＂＞
＜table align=top cellpadding=0 cellspacing=0 border=0＞
＜tr＞＜td id=＂demo1＂＞
＜table＞需要滚动的内容＜/table＞
＜/td＞＜/tr＞
＜tr＞
＜td id=＂demo2＂＞＜/td＞
＜/tr＞＜/table＞
＜/div＞
＜script language=＂JavaScript＂＞
var speed=20;
demo2.innerHTML=demo1.innerHTML; //克隆demo1为demo2
function Marquee(){
if(demo2.offsetHeight ＜= demo.scrollTop){//当滚动至demo1与demo2交界时
demo.scrollTop = demo.scrollTop - demo1.offsetHeight;
//demo跳到最顶端
}
else{
demo.scrollTop ;
}
}
var MyMar=setInterval(Marquee,speed);//设置定时器
demo.onmouseover=function() {clearInterval(MyMar);}//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}//鼠标移开时重设定时器
＜/script＞
＜/td＞＜/tr＞＜/table＞
[B>ps:[/B>注意代码中的蓝色部分，通过更改代码可以改变无缝连接为普通效果的滚动连接
[B>方法：[/B>设置＜td id=＂demo2＂＞高度与demo1同，视具体情况定，同时删掉demo2.innerHTML=demo1.innerHTML;
很好的东东，正好我需要，谢谢
好东西哟！
还有没有其他的了？
一个很漂亮的Java Applet效果
效果演示
http://www.red2004.com/test/applet2.htm
备用地址
代码
＜applet archive=＂mosaic.jar＂ code=＂mosaic.class＂ width=＂380＂ height=＂228＂＞
＜param name=＂credits＂ value=＂Applet by Fabio Ciucci (www.anfyteam.com)＂＞
＜param name=＂res＂ value=＂1＂＞
＜param name=＂image1＂ value=＂images/car1.jpg＂＞
＜param name=＂link1＂ value=＂NO＂＞
＜param name=＂statusmsg1＂ value=＂＂＞
＜param name=＂image2＂ value=＂images/car2.jpg＂＞
＜param name=＂link2＂ value=＂NO＂＞
＜param name=＂image3＂ value=＂images/car3.jpg＂＞
＜param name=＂link3＂ value=＂NO＂＞
＜param name=＂statusmsg2＂ value=＂＂＞
＜param name=＂pause＂ value=＂1500＂＞
＜param name=＂tileswidth＂ value=＂8＂＞
＜param name=＂tilesheight＂ value=＂10＂＞
＜param name=＂tilesteps＂ value=＂24＂＞
＜param name=＂backimage＂ value=＂NO＂＞
＜param name=＂backr＂ value=＂112＂＞
＜param name=＂backg＂ value=＂128＂＞
＜param name=＂backb＂ value=＂160＂＞
＜param name=＂overimg＂ value=＂NO＂＞
＜param name=＂overimgX＂ value=＂0＂＞
＜param name=＂overimgY＂ value=＂0＂＞
＜param name=＂regcode＂ value=＂NO＂＞
＜param name=＂regnewframe＂ value=＂NO＂＞
＜param name=＂regframename＂ value=＂_blank＂＞
＜param name=＂memdelay＂ value=＂1000＂＞
＜param name=＂priority＂ value=＂3＂＞
＜param name=＂MinSYNC＂ value=＂10＂＞
Sorry, your browser doesn';t support Java(tm). ＜/applet＞
mosaic.jar和mosaic.class文件下载
mosaic.jar
mosaic.class
哇哇~~这么漂亮！赶快自己做一个来看看吧
唔？~~~exception: java.lang.ClassNotFoundException: Lware~~ 好郁闷哦，搞什么鬼啊
有些朋友可能会碰到上面的问题啦（偶刚刚也碰到了，不过突然又莫名其妙的好了，晕乎乎）
如果出现上述问题的解决办法
将mosaic.jar解压，并修改一下内容
＜applet archive=＂mosaic/＂ code=＂mosaic.class＂ width=＂380＂ height=＂228＂＞
如果是上传到服务器就不要做任何改动了
还有，替换图片应该不用说了吧，自己搞定咯 |
|
设为首页
加入收藏
联系我们
打印本文 
返回顶部 
加入收藏 
关闭窗口
