●前端实践
小纪念
这个作者很懒,什么都没留下…
展开
-
在谷歌浏览器中点击按钮,页面自动回到顶部。
修改代码前的写法:<a href="#"><p onclick="drawTopicLine('1')"><b>点击按钮保存</b></p></a>修改代码后的写法:<a href="#"><p onclick="dr原创 2019-03-07 15:27:47 · 2090 阅读 · 0 评论 -
jq和css实现对图片进行旋转
html代码:&lt;img src="${request.contextPath}/images/rotate.svg" id="rotate_img" onclick="rotateImg('rotate_img');return false;"&gt;方法一:使用jq的方法旋转图片function rotateImg(imgId){ var ima原创 2019-03-07 15:34:20 · 1483 阅读 · 0 评论 -
点击表单中的button的时候表单自动被提交问题
html代码:<button class="btn-elected rt" style="margin-top: 11px;margin-right: 30px;" onclick="saveInfo()">提交</button>功能需求:当一个form表单中有多个按钮,且每个按钮的功能不同的时候,点击按钮的时候都会将表单进行提交。原因解释:请始终为按钮规定ty...原创 2019-03-07 15:38:17 · 407 阅读 · 0 评论 -
前端:禁止按钮重复提交表单
在防止按钮重复点击的时候,需要对按钮进行禁止和释放控制。//释放按钮function releaseButton(id){ $(id).removeAttr("disabled").removeAttr("style");}//禁用按钮function disableButton(id){$(id).attr("disabled","disabled").css("backgrou...原创 2019-03-07 21:50:58 · 489 阅读 · 0 评论 -
jq中使用rotate方法旋转图片和css中使用rotate方法旋转图片
当一个页面中有多个图片需要进行旋转操作的时候。说明:在进行图片旋转的时候,需要注意的点1.宽高在旋转的时候需要做变换。2.显示图片的区域需要将图片区域的宽高写死。jq中使用rotate方法旋转图片function rotateImg(objId){ var image = new Image(); image = document.getElementById(o...原创 2019-03-18 14:11:42 · 2048 阅读 · 0 评论