51Dev开发社区
登录 注册

#Javascript实用效果整理

详解JavaScript中的事件处理
在漫长的演变史，我们已经告别了内嵌式的事件处理方式（直接将事件处理器放在HTML元素之内来使用），今天的事件，它已是DOM的重要组成部分，遗憾的是，IE继续保留它最早在IE4.0中实现的事件模型，以后的IE版本中也没有做太大的改变，这也就是说IE还是使用的是一种专有的事件模型（冒泡型），而其它的主流浏览器直到DOM级别...
代码星球 ·2021-01-09

常用的JavaScript字符串处理函数及用法
最近参加了几次前端实习生招聘的笔试，发现很多笔试题都会考到字符串的处理，比方说去哪儿网笔试题、淘宝的笔试题等，如果你经常参加笔试或者也是一个过来人，相信你也跟我一样，发现字符串的处理是前端招聘过程中最常见的题型之一。这些题有一个特点，站在考官的角度去考虑，它考的不是你会不会，而是你能不能在不借用XX手册或者XX指南再或...
代码星球 ·2021-01-09

Delphi制作图像特殊显示效果
Delphi制作实现图像的各种显示效果，比如百叶窗、渐变、淡入淡出、水平交错、雨滴效果等，用鼠标点击“打开图像”按钮，可以选择图像文件导入到窗体中；点击其它各个按钮，可以实现图像显示特效，例如：点击“推拉效果”，图像将从窗体下方缓缓向上升起；点击“垂直交错”，图片将从窗口上下同时出现，直到相互汇合，形成一幅完整的图片；...
代码星球 ·2021-01-09

javascript window.confirm确认 取消对话框实现代码小结
本文章讲述的三种都是基于了javascriptconfirm提示确认框的做法了，只是在不同的地方写哦，有需要的同学可参考一下 confirm()方法confirm()方法用于显示一个带有指定消息和确定及取消按钮的对话框。说明：如果用户点击确定按钮，则confirm()返回true。如果点击取消按钮，则conf...
代码星球 ·2021-01-09

PHP的数组值传入JavaScript的数组里
<!doctypehtmlpublic"-//W3C//DTDHTML4.0//EN"><html><head>      <title>PHP的数组值传入JavaScript的数组里</title>...
代码星球 ·2021-01-09

如何将php数组或者对象传递给javascript
在网上搜了一些方法，最后自己采用的是通过json字串的方式。假设有一个php数组$arr，代码如下：代码如下:<script>//html5中默认的script是javascript,故不需要特别指定scriptlanguagevararr_js=<?phpechojson_encode($arr)?...
代码星球 ·2021-01-09

Javascript中最常用的55个经典技巧
1.oncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键 <tableborderoncontextmenu=return(false)><td>no</table>可用于Table2.<bodyonselec...
代码星球 ·2021-01-09

滑动到指定标签 标签自动定位效果
$("#fixbar.mainli").mouseover(function(){$(this).addClass('active').siblings().removeClass('active');});$("#fixbar.backtotop").click(function(){scrollTo();});$(...
代码星球 ·2021-01-09

按钮动态效果【按下去的效果】自用
#bkjdxz{margin-top:70px;background-color:#eef9ff;overflow:hidden;}#bkjdxz.bjpbs-title{margin-top:40px;}#bkjdxzh5{margin:30pxauto10px;font-size:16px;color:#666;t...
代码星球 ·2021-01-09

javascript实现图片预加载
functionload(url){letimgObj=newImage();//创建图片对象imgObj.src=url;if(imgObj.complete){console.log('isloaded')}else{imgObj.onload=()=>{console.log('loadingsuccess...
代码星球 ·2021-01-09

javascript截取视频第一帧
<inputtype="file"id="upload-ipt"@change="chooseVideo"accept="video/*"/><divid="box"style="display:none"></div>chooseVideo(e){varthat=this;varo...
代码星球 ·2021-01-09

javascript split() 把一个字符串分割成字符串数组,类似于PHP的 explode()函数
用法类似于框里的  例子: ...
代码星球 ·2021-01-03

实现拖拽效果
使用jquery.drag.js插件比较方便快捷的实现拖拽,里面有封装好的插件<divclass="container-fluidborderborder-darkw-90mt-1"><divid='drag-4'class="w-50borderborder-primarymt-1"><...
代码星球 ·2021-01-02

vue实现二级联动效果
你如城市与省份间的二级联动效果<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>demo</title><styletype="text/css">.pag-set-bg{wid...
代码星球 ·2021-01-02

js实现60s倒计时效果
适用于获取验证码等其他场景，下面代码直接粘贴句可以使用//60s获取验证码的js与htmlvartimer=null;varcount=60;$('.box>button').click(function(){varcodeText=$('.code').text();if(codeText=='获取验证码'){...
代码星球 ·2021-01-02
首页上一页...4041424344...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他