В этой статье описывается метод JavaScript для реализации текста и эффектов перетаскивания изображений. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<голова>
<Tilt> JavaScript реализует эффект перетаскивания текста и картин </title>
<стиль типа = "text/css">
*{padding: 0; маржа: 0;}
.tips {позиция: абсолют; фон: #Eee;}
</style>
</head>
<тело>
<div id = "tips1" onmouseover = "dragf.drag ('tips1');">
<img src = "/images/skinslogo.gif"> <br> Изображение можно перетащить </div>
<div id = "tips2" onmouseover = "dragf.drag ('tips2');"> <a href = "// www.vevb.com" target = "_ blank"> wulin.com </a> <br/> Ссылки перетаскивания также в порядке
</div>
</body>
<script type = "text/javascript">
var $ id = function (id) {return document.getElementByid (id);}
var dragf = {
Заблокировано: ложь,
LastObj: неопределенное,
перетаскивать: function (obj) {
$ id (obj) .onmouseDown = function (e) {
var e = e? e: window.event;
if (! window.event) {e.preventDefault ();}/* Предотвратить событие по умолчанию A, IMG в аннотации <a href = '/site/js-5791-1.html' target = '_ blank'> <u> перетаскивать A, IMG под браузером </u> </a>*//
dragf.locked = true;
$ id (obj) .style.position = "Absolute";
$ id (obj) .style.zindex = "100";
if (Dragf.lastobj && dragf.lastobj! = $ id (obj)) {/* многоэлементное перетаскивание требует восстановления состояния последнего элемента*/
dragf.lastobj.style.zindex = "1";
}
dragf.lastobj = $ id (obj);
var tempx = $ id (obj) .OffSetleft;
var ephy = $ id (obj) .OffSetTop;
dragf.x = e.clientx;
dragf.y = e.clienty;
document.onmouseMove = function (e) {
var e = e? e: window.event;
if (dragf.locked == false) вернуть false;
$ id (obj) .style.left = tempx+e.clientx-dragf.x+"px";
$ id (obj) .style.top = tepy+e.clienty-dragf.y+"px";
if (window.event) {e.returnvalue = false;}/* заблокировать событие по умолчанию A, IMG под т. Е.//
}
document.onmouseup = function () {
dragf.locked = false;
}
}
}
}
</script>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.