怎么把Jquery代码改成JS的,就是不要用$符号
<scripttype="text/javascript">$(function(){varimgId="img1";vardist=100;//一次移动10pxvari...
<script type="text/javascript"> $(function () { var imgId = "img1"; var dist = 100; // 一次移动10px var interval = 200; // 动画完成时间 // div内部的宽度、高度 var containerWidth = $("#container").innerWidth(); var containerHeight = $("#container").innerHeight(); $("#option input").each(function () { $(this).click(clickAction); }); function clickAction() { var curButton = $(this); var type = curButton.attr("id"); var img = $("#" + imgId); // 判断是否触壁 var moveDist = getMoveDist(img, type); // 移动 move(img, type, moveDist); } function getMoveDist(img, type) { var moveDist = dist; var curDist = 0; if (type == "Left" || type == "Top") { curDist = getMargin(img, type); if (curDist - dist < 0) { moveDist = curDist; } } else if (type == "Right") { curDist = getMargin(img, "Left") + img.outerWidth(); if (curDist + dist > containerWidth) { moveDist = containerWidth - curDist; } } else if (type == "Down") { curDist = getMargin(img, "Top") + img.outerHeight(); if (curDist + dist > containerWidth) { moveDist = containerWidth - curDist; } } return moveDist; } function move(img, type, dist) { $('#' + type).unbind('click', clickAction); if (type == "Left") { img.animate({ marginLeft: '-=' + dist + 'px' }, interval, function () { $('#' + type).bind('click', clickAction); }); } else if (type == "Right") { img.animate({ marginLeft: '+=' + dist + 'px' }, interval, function () { $('#' + type).bind('click', clickAction); }); } else if (type == "Top") { img.animate({ marginTop: '-=' + dist + 'px' }, interval, function () { $('#' + type).bind('click', clickAction); }); } else if (type == "Down") { img.animate({ marginTop: '+=' + dist + 'px' }, interval, function () { $('#' + type).bind('click', clickAction); }); } } function getMargin(obj, type) { var sef = 0; var value = parseInt(obj.css("margin" + type)); if (!value) { value = 0; } return value; } });</script>
展开
2个回答
展开全部
你是不是还想用其它的库,却与jQuery的$重复?
如果是袭悄这样的话,只需要交出$的控制权就行了
jQuery.noConflict();
jQuery(document).ready(function($){
//把伍禅慧这段代码放在这里(在这里面腔答依旧可以用$);
});
//下面就可以正常使用其它库了
更多追问追答
追问
不是,是因为我这个是要在电视上用的。机顶盒不支持jquery,识别不出$来。所以我想把它换成js的。
追答
你没有引入jQuery这个库吧
支持js的一定支持jQuery
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询