کد جابجایی متن با ماوس در سایت

کد جابجایی متن با ماوس در سایت با این کد کوتاه میتوانید نوشته ها و یا متنهای تبلیغی , عکس و … خود را در سایت قرار دهید تا زمانی که متن مزاحم کار کاربر در سایت شما شد بتواند ان را با ماوس جا به جا کند و به راحتی در سایت به کاووش بپردازد.البته از این کد میتوان استفاده های دیگه ای هم کرد که بسته به نوع سلیغه شما میباشد.

دمو کد

کد زیر را کپی کنید و در جای مناسب از سایت و وبلاگ خود قرار دهید.

برای ویرایش کد میتوانید از ابزار پیش نمایش کدبازان استفاده نمایید.

<div style="position:absolute;top:-200%;"><h1><a href="https://www.codebazan.ir/">&#1705;&#1583;&#1576;&#1575;&#1586;&#1575;&#1606;</a></h1></div><style type="text/css">.drag{position:relative;cursor:hand;z-index: 1000;}</style><script type="text/javascript">
var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}

dragobject.initialize()

</script>

 
<html>
<head>
<!--drag engine code installed here-->
</head>
<body>
<h1><div style="color:red;border:5px solid red;border-radius:5px;width:50%;background-color:#111;padding:10;"class="drag">
<!------شروع ,ویرایش نوشته شما------>

http//:codebazan.ir</div>

</body>
</html>

<div style="position:absolute;top:-200%;"><h1><a href="https://www.codebazan.ir/">کدبازان</a></h1></div><style type="text/css">.drag{position:relative;cursor:hand;z-index: 1000;}</style><script type="text/javascript">

var dragobject={

z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,

initialize:function(){

document.onmousedown=this.drag

document.onmouseup=function(){this.dragapproved=0}

drag:function(e){

var evtobj=window.event? window.event : e

this.targetobj=window.event? event.srcElement : e.target

if (this.targetobj.className=="drag"){

this.dragapproved=1

if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}

if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}

this.offsetx=parseInt(this.targetobj.style.left)

this.offsety=parseInt(this.targetobj.style.top)

this.x=evtobj.clientX

this.y=evtobj.clientY

if (evtobj.preventDefault)

evtobj.preventDefault()

document.onmousemove=dragobject.moveit

}

moveit:function(e){

var evtobj=window.event? window.event : e

if (this.dragapproved==1){

this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"

this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"

return false

}

dragobject.initialize()

</script>

<html>

<head>

</head>

<body>

http//:codebazan.ir</div>

</body>

</html>

قالب ۴۰۴ ردپا سبک و تیره

ابزار ایجاد کد اسلایدر زیبا برای سایت

مطالب مشابه

پاسخ دهید لغو پاسخ

جستجو در سایت

خبرنامه

نوشته‌های تازه

آخرین دیدگاه‌ها

بایگانی شمسی

کد جابجایی متن با ماوس در سایت