好久没来这里了,迷糊了一段时间,为了尽快热手,自己做了一个截图的js,首先是参看了一个博友的文章,心想也许自己可以用更少的代码来实现,于是变有了这个小玩意的诞生。
我其实比较忠实于原味的js,只是用到ajax的时候会选择mootools的xhr包,辛苦的操作dom这么久了觉得也是时候启用便捷的框架提高效率了,前段时间经同事介绍认识了jquery,一见如故,done!这个截图的效果里有两个拖拽,jquery的插件狠多,但我为了练手便决定弃用插件!拖拽自己实现吧!
设计过程中充分考虑了最近流行的面对对象和代码分离,页面上只需写上这么几句便可使用这个截图了。
<script language="javascript">
$(document).ready(function (){
var imgCut1=new ImgCut("showHere","/mydog.jpg",150,200,100,100);
}
</script>
<div ).get(0).offsetHeight;
}//原始图当前的高度
复制代码
至此,整个功能就完成了。最后奉上完整的代码,Enjoy!
相关文章: