用clip可以做到,
一个小例子<img src="http://www.csdn.net/Images/logo_csdn.gif" id="csdn"/>
<script language="javascript">
<!--
function clip(){
var csdn = document.getElementById("csdn");
if( csdn.flag == 1 )
{
csdn.style.left = (parseInt(csdn.style.left) + csdn.width/2) + "px";
clipPart = "rect(0,"+csdn.width/2+","+csdn.height+",0)";
csdn.flag = 2;
}
else
{
csdn.style.left = (parseInt(csdn.style.left) - csdn.width/2) + "px";
clipPart = "rect(0,"+csdn.width+","+csdn.height+","+csdn.width/2+")";
csdn.flag = 1;
}
csdn.style.clip = clipPart;
}
function init(){
var csdn = document.getElementById("csdn");
csdn.style.position="absolute";
csdn.flag =1
csdn.style.left = "-"+csdn.width/2+"px";
csdn.style.top = "0px";
}
init();
setInterval(clip, 500 );
//-->
</script>
一个小例子<img src="http://www.csdn.net/Images/logo_csdn.gif" id="csdn"/>
<script language="javascript">
<!--
function clip(){
var csdn = document.getElementById("csdn");
if( csdn.flag == 1 )
{
csdn.style.left = (parseInt(csdn.style.left) + csdn.width/2) + "px";
clipPart = "rect(0,"+csdn.width/2+","+csdn.height+",0)";
csdn.flag = 2;
}
else
{
csdn.style.left = (parseInt(csdn.style.left) - csdn.width/2) + "px";
clipPart = "rect(0,"+csdn.width+","+csdn.height+","+csdn.width/2+")";
csdn.flag = 1;
}
csdn.style.clip = clipPart;
}
function init(){
var csdn = document.getElementById("csdn");
csdn.style.position="absolute";
csdn.flag =1
csdn.style.left = "-"+csdn.width/2+"px";
csdn.style.top = "0px";
}
init();
setInterval(clip, 500 );
//-->
</script>
解决方案 »
- hongmei85在帮看看fs2.nsns[0],fs1.nsns[1],fs.nsns[0]搜中文是乱码怎么解决,要求其他3个正常的能用gb2312搜索
- 求助:强制打开一个新页面.......?????在线等待....谢谢.....
- 一个POPUP菜单的样式问题 求助
- 文件夹中提取文件名
- 在线等,怎么样点框架FrameA的链接就把ID传到另一个框架中?
- 网易邮箱的一个功能,怎么实现的?
- 求救,急!!!请各位指教!
- 什么情况下JS中的函数才接受带单引号的'对象',什么情况下,不接受带单引号的对象
- fason(阿信) please come in and help me!!
- div能不能让其在所有IE窗口去的最前端?
- 这些数组的结果为什么是这样的?
- 如何在 JavaScript 中调用 Win32API 的函数?
两张图片形成动画用settimeout之类就可以
不过偶刚好不容易搜索到好像是Css的clip属性
例如style="clip:rect(0,200,100,0)"
可以剪裁一个长方形区域
图片必须要设置成绝对位置
问题已经解决了
谢谢