你的位置:首页 > Java教程

[Java教程]缩小DIV


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html 缩小div</title><script type="text/javascript" src="jquery-1.2.6.min.js"></script><script language="javascript">  $(function(){    $("div").prop("title",function(index,value){    return "现在的title是new,以前的是:"+value;              });        //缩小事件      $("#bt1").click(function(){        $("div").css("width",function(index,value){        var a=value.substring(0,value.length-2);        return (parseInt(a)-50)+"px";            });                });        });</script><style type="text/css">div {  background-color: #0FF;  height: 200px;  width: 800px;}</style></head><body><div title="old"></div><input id="bt1" type="button" value="缩小"/></body></html>