javascript 鼠标拖拉画图

最新推荐文章于 2024-07-08 08:00:00 发布

置顶毛飞扬___It跑路男

最新推荐文章于 2024-07-08 08:00:00 发布

阅读量905

点赞数

本文链接：https://blog.csdn.net/qq283868910/article/details/6801006

版权

  
<script language="javascript" src="http://cm1212.com/FCKeditor/Tjquery.js" type="text/javascript"></script>
                <script language="javascript">
                        onloadReady(function (){
                                var daw=false;
                                var isi=false
                                var s=0;
                                function down(e){
                                        e=window.event || e;
                                        s+=1;
                                        daw=true;	
                                        var divs=Tjquery.CreateElement("div");//本人的js库 创建节点
                                        divs.id="div";
                                        divs.style.left=e.clientX-10+"px";
                                        divs.style.top=e.clientY+"px";
                                        divs.style.border="1px solid blue";
                                        divs.style.width="111px";
                                        divs.style.height="111px";
                                        divs.style.position="absolute";
                                        document.title=divs.style.left
                                        Tjquery.appendChild(divs);//本人的js库 添加节点
                                        Tjquery.setAlpha("div",50);//设置透明度 这里使用了本人的js库
                                }
                                function drawmove(e){
                                        if(daw==false)  return false;//防止重复
                                        e=window.event || e;
                                        Css("div").width=e.clientX-parseInt(Css("div").left)+"px";
                                        Css("div").height=e.clientY-parseInt(Css("div").top)+"px";
                                        Css("div").backgroundColor="#000333";
                                }
                        
                                document.οnmοusedοwn=down; //鼠标按下事件
                                document.οnmοusemοve=drawmove; //鼠标移动事件	
                                document.οnmοuseup=function (e){
                                        e=window.event || e;
                                        daw=false;
                                        isi=true;
                                        Css("div").backgroundColor="#ffffff";
                                        getid("div").id="div"+s; //重新定义id属性 以便重新绘制新图
                                        document.title=s
		
                                }	
                        })
                </script>

<br/>

发帖匆忙只完成了向下拖拉绘制没能完成反向拖拉因为不好弄的在线测试地址: 在线测试