js相册特效代码（图片特效代码）(2024-05-29)

本篇文章给大家谈谈js相册特效代码，以及图片特效代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、关于Javascript 特效代码
• 2、在百度搜索栏里输入：10款动感图片展示js代码-效果预览(1) 这种特效代码是多少 在线等！！！
• 3、怎样用JavaScript实现相册效果
• 4、JS图片特效代码怎么修改？？
• 5、js动画效果代码方法

关于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

在百度搜索栏里输入：10款动感图片展示js代码-效果预览(1) 这种特效代码是多少 在线等！！！

打开网页后,点IE工具栏的-查看-源文件

就能看到里边的js代码了

怎样用JavaScript实现相册效果

html

head

title New Document /title

style type="text/css"

div{

width:600px;

height:50px;

border:1px solid black;

}

/style

script type="text/javascript"

function addWebSite()

{

var b=true;

var regExp=/^[w]{3}\.[a-zA-Z]+\.com$/;

var nLength=document.getElementById('websitename').value.length;

if(nLength 0nLength 100)

{

b=false;

}

var websiteAddr=document.getElementById('websiteaddr').value;

if(!regExp.test(websiteAddr)){

b=regExp.test(websiteAddr)

}

var obj=document.createElement('a');

var pObj=document.getElementById('fs');

alert(pObj.nodeName);

if(b)

{

obj.href=websiteAddr;

obj.innerHTML=document.getElementById('websitename').value;

pObj.appendChild(obj);

}

}

/script

/head

body

form action="url" method="post" onsubmit="return false;"

div

label网站名称:/labelinput id="websitename" name="websitename" style="color:#ffccff" type="text" value="websitename" onfocus="if(this.value=='websitename'){this.value=''}" onblur="if(this.value==''){this.value='websitename'}"/

label网址:/labelinput id="websiteaddr" name="websiteaddr" style="color:#ffccff" type="text" value="如:"

onfocus="if(this.value=='如:'){this.value=''}" onblur="if(this.value==''){this.value='如:'}"/

span valign="center"input type="image" src="addBtn.gif" onclick="addWebSite();"//span

/div

/form

fieldset id="fs"

legend常用网址:/legend

/fieldset

/body

/html

以上我简单写了点，希望对你有帮助

JS图片特效代码怎么修改？？

打开那个特效网站，然后 单击 查看→源代码，找到下面这一段代码：div id="imageFlow"

div class="top"

/div

div class="bank"然后把rel=" "里面的地址改为你图片的地址，可以在百度里面找一些你喜欢的图片，改了就可以了哈

js动画效果代码方法

1.toggle():

toggle()方法除了模拟鼠标连续单击事件之外，同时会动态的隐藏改变当前元素的高度，宽度和不透明度，最终切换当前元素的可见状态。如果元素可见，则切换隐藏状态，如元素隐藏，切换可见状态

2.fadeln()与fadeOut();

这两个方法，实现了淡入和淡出的一个动画效果，fadeln（）渐显效果，fadeout（）渐隐效果，两者结合使用，可把元素隐藏在按钮中，在通过点击事件显示，两方法只改变元素的透明度，不修改其他属性

3.fadeToggle();

此方法会动态的改变当前元素的透明度，最终却换当前元素的可见状态。如果元素是可见的，则通过淡出效果切换隐藏；如果元素是隐藏的，则通过淡入效果切换可见状态，不设置参数时，默认0.4秒内发生淡入与淡出的动画效果

4.fadeTo() ;

fadeln()与fadeOut()方法都是渐隐渐显，透明度从1到0，从0到1实现一个渐隐渐显效果，而fadeToggle()方法则是可以控制1-0的透明度，为更好展示透明度的效果，可在页面中创造一个下拉框，用于保存透明度值，操作下拉框去控制图片透明度值

5.slideDown(); 与 slideUp() ;

slideDown()可改变元素高度，呈现一个滑动效果，由上往下滑动，直到显示最终的当前元素，slideUp（）相反，由下往上滑动，直到隐藏最终的当前元素

6.slideToggle();

slideToggle()方法跟slideDown(); 与 slideUp() ;两个方法有异曲同工之妙，同样可改变元素的高度，不同于slideDown(); 与 slideUp() ; 的效果， 这个方法是通过点击事情控制元素的隐藏和显示

7.animate() ;

这个方法是自定义动画效果的方法，高度，宽度，透明度，运行速度都是可通过自定义给属性，这个方法只能改变可以取数字值的css属性，如：大小，边框，内外边距，定位，字体，文本，背景，透明度。

8.stop() ;

停止动画，stop（）方法能结束当前的动画，并立即进入到下一个动画。

js相册特效代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于图片特效代码、js相册特效代码的信息别忘了在本站进行查找喔。