首页 > 编程知识 正文

js好看效果源代码大全下载,js特效素材网

时间:2023-12-26 12:11:36 阅读:322554 作者:XYED

本文目录一览:

关于Javascript 特效代码

script language="JavaScript"

!-- Hide the script from old browsers --

function compute(obj) //定义一个函数 名字叫compute 他接收了一个参数 obj

{obj.expr.value = eval(obj.expr.value)} //当前的参数的值和下文参数值所用的方法相同

var one = '1' //定义一个字符型的1

var two = '2' //定义一个字符型的2

var three = '3' //定义一个字符型的3

var four = '4' //定义一个字符型的4

var five = '5' //定义一个字符型的5

var six = '6' //定义一个字符型的6

var seven = '7' //定义一个字符型的7

var eight = '8' //定义一个字符型的8

var nine = '9' //定义一个字符型的9

var zero = '0' //定义一个字符型的0

var plus = '+' //定义一个字符型的+

var minus = '-' //定义一个字符型的*

var multiply = '*' //定义一个字符型的*

var divide = '/' //定义一个字符型的/

var decimal = '.' //定义一个字符型的.

function enter(obj, string) //定义一个函数 名字叫enter 他接收了一个参数 obj

{obj.expr.value += string} //让 obj的值加上 '+'后面的值

function clear(obj) //定义一个函数 名字叫clear 他接收了一个参数 obj

{obj.expr.value = ''} //让obj的值等于空

// --End Hiding Here --

/script

form name="calc"

table border=1

td colspan=4input type="text" name="expr" size=30 action="compute(this.form)" tr

!--提交表单--

tdinput type="button" value=" 7 " onClick="enter(this.form, seven)"!--当鼠标点击

按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" 8 " onClick="enter(this.form, eight)"!--当鼠标点击

按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" 9 " onClick="enter(this.form, nine)"!--当鼠标点击

按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" / " onClick="enter(this.form, divide)"!--当鼠标点

击按钮的时候提交给函数按钮中的值--

trtdinput type="button" value=" 4 " onClick="enter(this.form, four)"!--当鼠标

点击按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" 5 " onClick="enter(this.form, five)"!--当鼠标点击

按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" 6 " onClick="enter(this.form, six)"!--当鼠标点击按

钮的时候提交给函数按钮中的值--

tdinput type="button" value=" * " onClick="enter(this.form, multiply)"!--当鼠标

点击按钮的时候提交给函数按钮中的值--

trtdinput type="button" value=" 1 " onClick="enter(this.form, one)"!--当鼠标点

击按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" 2 " onClick="enter(this.form, two)"!--当鼠标点击按

钮的时候提交给函数按钮中的值--

tdinput type="button" value=" 3 " onClick="enter(this.form, three)"!--当鼠标点击

按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" - " onClick="enter(this.form, minus)"!--当鼠标点

击按钮的时候提交给函数按钮中的值--

trtd colspan=2input type="button" value=" 0 " onClick="enter

(this.form, zero)"!--当鼠标点击按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" . " onClick="enter(this.form, decimal)"!--当鼠标

点击按钮的时候提交给函数按钮中的值--

tdinput type="button" value=" + " onClick="enter(this.form, plus)"!--当鼠标点击

按钮的时候提交给函数按钮中的值--

trtd colspan=2input type="button" value=" = " onClick="compute(this.form)"!

--提交表单在javascript中进行运算--

td colspan=2input type="button" value="AC" size= 3 onClick="clear(this.form)" !--

点击此按钮调用此函数--

/table

/form

求js代码,效果是“点击图片缓慢消失,然后进入网站”

用jquery的hide()函数,括号里面写时间,单位是毫秒,意思是用多少毫秒的时间演示完结束这个过程。

具体是:

$("#ID").click(function(){

$("#ID2").hide(1000);

})

上面的这段代码意思是:绑定id="ID"的这个标签的点击事件,当点击了这个事件之后触发函数里面的$("ID2").hide(1000); //也就是点击了ID标签后会隐藏id="ID2"的这个标签以1000毫秒的时间结束关闭(或者说隐藏)这个标签。

使用上面这段代码的前提是你引用一个jquery库,你直接在网上搜一个下载吧

网页制作:谁给我发个js实现图片横向滚动的源代码?

div id=demo style="width:800px; overflow:hidden;"

table width="100%" border="0" cellspacing="0" cellpadding="0"

tr

td id=demo1

table width="100%" border="0" cellspacing="0" cellpadding="5"

tr

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

/tr

/table

/td

td id=demo2/td

/tr

/table

/div

script

var speed=20;

document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML

function Marquee(){

if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft=0)

document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth

else{

document.getElementById("demo").scrollLeft++;

}

}

var MyMar=setInterval(Marquee,speed)

document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}

document.getElementById("demo").onmouseout=function() {MyMar=setInterval(Marquee,speed)}

/script

id为demo的div 宽度是在版面上要显示出的宽度,这个是必须定义的,还有overflow:hidden这个也是必须的

内容放在demo1的td里面

你放进去滚动的内容宽度必须大于demo的宽度才能滚动,当然这个宽度随你自己定

理论上是可以放无限宽的数据

鼠标悬停就停止滚动,离开继续滚动

请问怎么下载网页中的js,例如看到一个页面的一些个效果很漂亮如何获取这些个表现的js,谢谢

JS怎么下我倒是没看到,但先给个例子你看一下效果

上面只是一个效果

这个网站还有很多,当然,效果也可以下载,包括JS文件。而且下下来之后还可以脱机打开

(这个网站好多)

当然,JS是下载不了的,除非JS文件被打包过。但是你可以在浏览器的缓存文件夹里打到相应JS文件。

如你先看这个网页的源文件,里面再找script type="text/javascript" src="/.../.../wantonly.js"

然后打开浏览器的缓存文件夹找名为wantonly.js的文件,那么这个就是你要找的JS文件(你可以先把缓存文件夹里的文件删除,再打开你想要的JS文件的网页,你就好找一些了)

js 对联广告代码。。 我只要左边的。 不要右边的。。 求 源代码。。。

//常见的对联浮动广告效果的代码使用方法,本文介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面就是实现效果所需代码:

//-------------------------------------------------------------------

var delta=0.015

var collection;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write('DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'"'+content+'/DIV');

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval('play()',10);

}

}

function play()

{

if(screen.width=800)

{

for(var i=0;icollection.length;i++)

{

collection.object.style.display = 'none';

}

return;

}

for(var i=0;icollection.length;i++)

{

var followObj = collection.object;

var followObj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x);

var followObj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = '';

}

}

var theFloaters = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'/abra href=广告链接地址 target=_blankimg src=adjs/ok.gif width=100 height=400 border=0/a');

theFloaters.addItem('followDiv2',0,0,'bra href=广告链接地址 target=_blankimg src=adjs/ok2.gif width=100 height=400 border=0/a');

theFloaters.play();

//-------------------------------------------------------------------

//把上面的代码另存为一个JS文件,然后在想实现此效果的页面用script type="text/javascript" language="javascript1.2" src="*.js"/SCRIPT调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!

dreamweaver 扩展包哪里下载

可以在adobe dreamweaver官方站点下载,不过有的是要收费的。

还有一些网页制作资源网站也可以免费下载。

不过dreamweaver的插件也没什么多大作用,现在很多js源代码网站,可以下载很多效果制作的很漂亮的代码片段,可以直接使用,比起dreamweaver的插件,种类众多,更新也快。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。