第一步:将照片尺寸为290*150清晰度的九幅图片,各自取名为:1.jpg;2.jpg;3.jpg;4.jpg… 9.jpg
第二步:在桌面上在建立一个文档夹,取名为"left",将9幅图放到这一文档夹里
第三步:用flashfxp手机软件将left文档夹提交到data文件目录下
第四步:拷贝下列编码到网站后台管理后台管理的编码区。详尽实际操作流程以下:先拷贝下列编码,随后开启后台管理的网页页面编写器(例如底端区),在必须放翻转实际效果的部位,键入好多个中国汉字,例如“我想做向左翻转照片实际效果”,随后点击“编码”主视图,在编码里选定“我想做向左翻转照片实际效果”这好多个字,随后按ctrl+V键,最终点储存,就可以将翻转实际效果放到网页页面相对的部位。
下列是编码片断:
div id=demo > style type="text/css"
img{ border:0px; }
/style
table align=left cellpadding=0 cellspace=0 border=0
tr
td id=demo1 valign=top
a href="left/1.jpg" /a a href="left/2.jpg" /a a href="left/3.jpg" /a a href="left/4.jpg" /a a href="left/5.jpg" /a a href="left/6.jpg" /a a href="left/7.jpg" /a a href="left/8.jpg" /a a href="left/9.jpg" /a
/td
td id=demo2 valign=top /td
/tr
/table
/div
script
var speed=10;
demo2.innerHTML=demo1.innerHTML;
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft =0)
{
demo.scrollLeft-=demo1.offsetWidth;
}
else
{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
demo. unction()
{
clearInterval(MyMar);
}
demo.onmouseout=function()
{
MyMar=setInterval(Marquee,speed);
}
/script
编码表明:
1、 a href="left/1.jpg" border="0" /a
每一张照片全是由这一段编码所构成的, 翠绿色部分是照片联接的网站地址;蓝紫色是照片所放的部位
2、 div id=demo >
编码中深蓝色部分是全部翻转实际效果网页页面的高宽比与总宽;鲜红色一部分是情况色,改动这一色调编码便可拆换深蓝色情况
3、 var speed=10; 它是操纵翻转速率的,改动10 这一标值就可以。标值越大,速率越慢。
4、假如必须翻转照片必须外框,就删掉下列这一段编码
style type="text/css"
img{ border:0px; }
/style
删掉后,照片外框默认设置是蓝紫色的.假如必须改动外框色调,就在div标识的前边,即本案例的第一行编码前,再加上下列编码
style type="text/css"
!--
img{ border:#CC6600 1px solid }
--
/style
在其中CC6600就意味着外框色调,色调该色调编码就可以.
实际效果图以下: