js怎么做图片切换的渐变效果?

JavaScript07

js怎么做图片切换的渐变效果?,第1张

<META http-equiv=Page-Enter content=RevealTrans(Duration=4,Transition=8)>

Transition=8 可以把数字改为以下参数实现不用的效果

盒状收缩 RevealTrans 0 盒状展开 RevealTrans 1 圆形收缩 RevealTrans 2 圆形展开 RevealTrans 3 向上擦除 RevealTrans 4 向下擦除

RevealTrans 5 向左擦除 RevealTrans 6 向右擦除 RevealTrans 7 垂直百页窗 RevealTrans 8 水平百页窗 RevealTrans 9 横向棋盘式 RevealTrans

10 纵向棋盘式 RevealTrans 11 溶解 RevealTrans 12 左右向中部收缩 RevealTrans 13 中部向左右展开 RevealTrans 14 上下向中部收缩

RevealTrans 15 中部向上下展开 RevealTrans 16 阶梯状向左下展开 RevealTrans 17 阶梯状向左上展开 RevealTrans 18 阶梯状向右下展开

RevealTrans 19 阶梯状向右上展开 RevealTrans 20 随机水平线 RevealTrans 21 随机垂直线 RevealTrans 22 随机 RevealTrans 23

不需要js (其实是我用js做不出来)

把以代码看懂后

加在 held部分

准备几个网页每个放一张图片

做一个线性的连接

我不知道是要它们同时进行还是先移动过去再隐藏,2个;

第一个是先移动后隐藏

$(function(){

$("div").animate({ left:"100",opacity:1},1000,function(){

$(this).css({display:"none"})

})

})

第2个是移动过去的同时隐藏

$(function(){

$("div").animate({ left:"100",opacity:1},1000)

})

js和jq的主要区别

js是基础,jq是建立在js的基础上,用js开发出来的一个框架,里面实现和很多常用的功能和效果。只要了解其中方法的含义,我们使用的时候直接调用就可以了。