javascript是一款比较常用的脚本语言,很多程序都是用这款语言编程而来的,今天小编为大家带来的是javascript特效大全,包含多种特效代码使用方法和实例预览,帮您快速制作出想要的效果。代码在手编程不用愁,有需要的朋友赶快下载吧!
日常用途
1、嵌入动态文本于HTML页面
2、对浏览器事件做出响应
3、读写HTML元素
4、在数据被提交到服务器之前验证数据
5、检测访客的浏览器信息
6、控制cookies,包括创建和修改等
7、基于Node.js技术进行服务器端编程
部分特效说明:
JavaScript效果
竖向图片滚动
JS滚动图片功能代码
腾讯QQ网站的Js图片切换
图片点击后变灰色的CSs代码
图片控制内容框的文字上下翻滚
图片雷达效果,像光照一样
图片闪烁代码
图片拖拉缩放效果(仿PHOTOSHOP)
CSS制作的类似相册浏览的功能图片围成环形滚动,有空间感
Javascript仿Flash图片轮翻图片型不规则菜单的CSs实现
JavaScript生成弹性透明的图片放大代码图片旋转构成3D圆环的展示特效
JavaScript图片滚动(绝对酷)图片友情链接滚动,横向,带控制按钮
JavaScript由左向右的图片渐变过渡网站首页js幻灯片代码
JavaScript动态控制图片透明度的变化向上翻动的内容切换示例
JavaScript改变图片透明度,鼠标放上渐渐显示像弹簧一样抖动的横向图片滚动
JavaScript图片放大用CSS实现图片的双边框效果
JavaScript图片特效有点炫的JavaScript立体图片展示
JavaScript图片预加载代码,显示loading右下角随机显示的JS图片广告
JavaScript真正的鼠标放上动画加载大图的在图片上单击获取图片原始大小
JS+CSS给图片加上鼠标滑过的方框自动播放——Js幻灯片缓冲效果
JS点击小图预览大图(仿淘宝)自写Js+CSS轮显效果
JS放大镜,JavaScript图片放大代码最简的JavaScript鼠标经过切换图片
JS卡通图片切换左右切换鼠标可控的无缝图片滚动代码
JS图片滚动代码(无缝、平滑)
Js图片连续左右滚动
JS图片切换,带缩略图版
Js拖动特效,一串水晶球(很强大)
按比例缩放图片,JavaScript代码
超漂亮Js+css图片幻灯切换
纯CSS代码实现的图片列表滚动
纯CSS实现鼠标移上图片添加阴影效果
从两侧向中间拼合的JavaScript图片切换效果
大幅JS焦点图切换
动态的Loading文字,逐个变大
仿265网站LOGO,会盯着你看的眼睛
浮动的图片广告
根据鼠标放上切换内容制作的图片导航
规定区域的JS拖动展示效果
很有意思的图片分裂复制效果
禁止在图片上使用右键
经典的图片切换
可控的纵向图片滚动
亮丽的JS图片渐变导航
马赛克效果的JS图片切换代码
美化过的匀速图片滚动
平滑图片滚动
前后轮翻的JS图片幻灯切换
清爽简洁的图片交替导航效果
鼠标放到图片上会滑出提示文字
鼠标滑过,缩略图放大显示(纯CSS)
鼠标经过图片时显示半透明文字,边框变色
鼠标经过图片由灰色变彩色
鼠标移上图片,变换出大图片
实例:
数字下落
第一步:复制以下js代码并加入到body区域中
if (document.all){
Cols=6;
Cl=24;//Space's are included so real length is 48!
Cs=10;
Ts=10;
Tc='#008800';
Tc1='#00ff00';
MnS=20;
MxS=30;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,1);
document.write("
");
document.write("
");
for(i=0; i < Cols; i++){
S=I+=Cs;
document.write("
");
}
document.write("
");
for(j=0; j < Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl);
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i < RC[j]; i++){
B='';
C=Math.round(Math.random()*1)+' ';
M[j]=B[0]+=C;
}
}
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i < Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E = ''+Tcc[r]+'';
Y+=Sp;
if (Y > window.document.body.clientHeight){
for(i2=0; i2 < Cols; i2++){
RC[i2]=1+Math.round(Math.random()*Cl);
for(i3=0; i3 < RC[i2]; i3++){
B[i3]='';
C[i3]=Math.round(Math.random()*1)+' ';
C[Math.floor(Math.random()*i2)]=' '+' ';
M=B[0]+=C[i3];
Y=-Ts*M.length/1.5;
A.style.visibility='visible';
}
Sp=Math.round(MnS+Math.random()*MxS);
}
}
A.style.top=Y;
A.innerHTML=M+' '+E+' ';
}
setTimeout('Cycle()',20)
}
Cycle();
}