javascript 鼠标拖拉画图代码,JS代码库,德仔网

代码语言
代码分类
【JS】 javascript 鼠标拖拉画图
作者:CSDN / 发布于2012/1/11/ 887
<div>javascript 鼠标拖拉画图 
<span style="color: rgb(0,0,0)"><</span><span style="color: rgb(0,0,0)">script language</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">javascript</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)"> src</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">http://cm1212.com/FCKeditor/Tjquery.js</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)"> type</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">text/javascript</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">><</span><span style="color: rgb(0,0,0)">/</span><span style="color: rgb(0,0,0)">script></span><span style="color: rgb(0,0,0)">
</span><span style="color: rgb(0,0,0)"> </span><span style="color: rgb(0,0,0)"><</span><span style="color: rgb(0,0,0)">script language</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">javascript</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">></span><span style="color: rgb(0,0,0)">
 onloadReady(</span><span style="color: rgb(0,0,255)">function</span><span style="color: rgb(0,0,0)"> (){
 </span><span style="color: rgb(0,0,255)">var</span><span style="color: rgb(0,0,0)"> daw</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,255)">false</span><span style="color: rgb(0,0,0)">;
 </span><span style="color: rgb(0,0,255)">var</span><span style="color: rgb(0,0,0)"> isi</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,255)">false</span><span style="color: rgb(0,0,0)">
 </span><span style="color: rgb(0,0,255)">var</span><span style="color: rgb(0,0,0)"> s</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">0</span><span style="color: rgb(0,0,0)">;
 </span><span style="color: rgb(0,0,255)">function</span><span style="color: rgb(0,0,0)"> down(e){
 e</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">window.event </span><span style="color: rgb(0,0,0)">||</span><span style="color: rgb(0,0,0)"> e;
 s</span><span style="color: rgb(0,0,0)">+=</span><span style="color: rgb(0,0,0)">1</span><span style="color: rgb(0,0,0)">;
 daw</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,255)">true</span><span style="color: rgb(0,0,0)">; 
 </span><span style="color: rgb(0,0,255)">var</span><span style="color: rgb(0,0,0)"> divs</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">Tjquery.CreateElement(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">);</span><span style="color: rgb(0,128,0)">//</span><span style="color: rgb(0,128,0)">本人的js库 创建节点</span><span style="color: rgb(0,128,0)">
</span><span style="color: rgb(0,0,0)"> divs.id</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 divs.style.left</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">e.clientX</span><span style="color: rgb(0,0,0)">-</span><span style="color: rgb(0,0,0)">10</span><span style="color: rgb(0,0,0)">+</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">px</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 divs.style.top</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">e.clientY</span><span style="color: rgb(0,0,0)">+</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">px</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 divs.style.border</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">1px solid blue</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 divs.style.width</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">111px</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 divs.style.height</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">111px</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 divs.style.position</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">absolute</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 document.title</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">divs.style.left
 Tjquery.appendChild(divs);</span><span style="color: rgb(0,128,0)">//</span><span style="color: rgb(0,128,0)">本人的js库 添加节点</span><span style="color: rgb(0,128,0)">
</span><span style="color: rgb(0,0,0)"> Tjquery.setAlpha(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">,</span><span style="color: rgb(0,0,0)">50</span><span style="color: rgb(0,0,0)">);</span><span style="color: rgb(0,128,0)">//</span><span style="color: rgb(0,128,0)">设置透明度 这里使用了本人的js库</span><span style="color: rgb(0,128,0)">
</span><span style="color: rgb(0,0,0)"> }
 </span><span style="color: rgb(0,0,255)">function</span><span style="color: rgb(0,0,0)"> drawmove(e){
 </span><span style="color: rgb(0,0,255)">if</span><span style="color: rgb(0,0,0)">(daw</span><span style="color: rgb(0,0,0)">==</span><span style="color: rgb(0,0,255)">false</span><span style="color: rgb(0,0,0)">) </span><span style="color: rgb(0,0,255)">return</span><span style="color: rgb(0,0,0)"> </span><span style="color: rgb(0,0,255)">false</span><span style="color: rgb(0,0,0)">;</span><span style="color: rgb(0,128,0)">//</span><span style="color: rgb(0,128,0)">防止重复</span><span style="color: rgb(0,128,0)">
</span><span style="color: rgb(0,0,0)"> e</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">window.event </span><span style="color: rgb(0,0,0)">||</span><span style="color: rgb(0,0,0)"> e;
 Css(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">).width</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">e.clientX</span><span style="color: rgb(0,0,0)">-</span><span style="color: rgb(0,0,0)">parseInt(Css(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">).left)</span><span style="color: rgb(0,0,0)">+</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">px</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 Css(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">).height</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">e.clientY</span><span style="color: rgb(0,0,0)">-</span><span style="color: rgb(0,0,0)">parseInt(Css(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">).top)</span><span style="color: rgb(0,0,0)">+</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">px</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 Css(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">).backgroundColor</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">#000333</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 }
 
 document.onmousedown</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">down; </span><span style="color: rgb(0,128,0)">//</span><span style="color: rgb(0,128,0)">鼠标按下事件</span><span style="color: rgb(0,128,0)">
</span><span style="color: rgb(0,0,0)"> document.onmousemove</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">drawmove; </span><span style="color: rgb(0,128,0)">//</span><span style="color: rgb(0,128,0)">鼠标移动事件 </span><span style="color: rgb(0,128,0)">
</span><span style="color: rgb(0,0,0)"> document.onmouseup</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,255)">function</span><span style="color: rgb(0,0,0)"> (e){
 e</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">window.event </span><span style="color: rgb(0,0,0)">||</span><span style="color: rgb(0,0,0)"> e;
 daw</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,255)">false</span><span style="color: rgb(0,0,0)">;
 isi</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,255)">true</span><span style="color: rgb(0,0,0)">;
 Css(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">).backgroundColor</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">#ffffff</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">;
 getid(</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">).id</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">div</span><span style="color: rgb(0,0,0)">"</span><span style="color: rgb(0,0,0)">+</span><span style="color: rgb(0,0,0)">s; </span><span style="color: rgb(0,128,0)">//</span><span style="color: rgb(0,128,0)">重新定义id属性 以便重新绘制新图</span><span style="color: rgb(0,128,0)">
</span><span style="color: rgb(0,0,0)"> document.title</span><span style="color: rgb(0,0,0)">=</span><span style="color: rgb(0,0,0)">s
 
 } 
 })
 </span><span style="color: rgb(0,0,0)"><</span><span style="color: rgb(0,0,0)">/</span><span style="color: rgb(0,0,0)">script></span><span style="color: rgb(0,0,0)">
</span><span style="color: rgb(0,0,0)"> </span></div>
试试其它关键字
　鼠标拖拉画图　
同语言下
可能有用的
CSDN贡献的其它代码(27)