Welcome 微信登录

首页 / 脚本样式 / JavaScript

原生js拖拽（第一课 未兼容）拖拽思路

原生js拖拽（第一课 未兼容）拖拽思路

2017年02月06日 17 阅读
复制代码 代码如下: /* 拖拽流程： 1、第一步点击需要拖动的元素 2、在点击下的元素被选中，进行move移动 3、当鼠标弹起的时候，停止动作 4、点击元素oDIV的时候，可用的是oDIV区域，而move和up则是全局区域，也就是整个文档通用，即应该用document */ oDIV = document.getElementById（"gaga"）; oDIV.onmousedown = function（ e ）{ // 当鼠标点击下去的时候 var...
Jquery 自定义动画概述及示例

Jquery 自定义动画概述及示例

2017年02月06日 19 阅读
animate（params, options） 返回值:jQuery 概述 用于创建自定义动画的函数。 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用...
验证码按回车不变解决方法

验证码按回车不变解决方法

2017年02月06日 19 阅读
今天犯了一个低级错误，验证码图片显示的时候，后面没有加随机参数。 结果在ie里面，怎么按回车都不变，显示的是同样的验证码，开两个ie也是一样。 因为平常用的是火狐，没有用ie测试，没有发现这个bug。 解决办法如下： 复制代码 代码如下: <script type="text/javascript"> $（"#yzm"）.attr（"src", "getyzm.aspx？id=" + Math.floor（Math.random（） * 100...
js 利用image对象实现图片的预加载提高访问速度

js 利用image对象实现图片的预加载提高访问速度

2017年02月06日 19 阅读
大量采用高解析度的图像的确可以让一个Web站点容光焕发。但同样也会造成站点访问速度下降——图片是文件，文件就要占用带宽，而带宽直接同访问等待时间相关。现在，让我们来学习一种名为图像预装载（image preloading）的小技巧来提高图像访问速度。 一些浏览器试图通过在本地缓存中保存这些图片来解决此问题。这样一来可以顺序调用这些图片——但对于首次使用这些图片的时候仍然会存在延时。预装载就是一种在需要图片之前就将图片下载到缓存的技术。采用这样的方式可以使当...
图片img的src不变让浏览器重新加载实现方法

图片img的src不变让浏览器重新加载实现方法

2017年02月06日 20 阅读
javascript给这个img标签的src属性后面拼接一个 ？ 和 javascript对象new Date（）.getTime（）毫秒值做成queryString的样子，就能防止被缓存了在图片地址src不变的情况下让浏览器重新加载图片 实际上，在src不变时，浏览器直接就去读取缓存了 解决办法： var img_src ="http://www.ilsea.net/images/seagull.jpg？t="+Math.random（）; 这样给图片地...
表单验证的完整应用案例探讨

表单验证的完整应用案例探讨

2017年02月06日 21 阅读
表单问题，是个纠结的问题，我觉得这个是程序开发人员要去处理的东西，但是有时候程序又要前端去处理，那要看你的后台搭档怎么样了？苦逼的前端哇，不过还是自己了解一点还是比较好，你搞我也可以搞，你不搞我还可以搞，哈哈 。如果对你有用欢迎留言，共同探讨，共同进步，废话不说，贴代码（为了童鞋们方便，本代码复制即可用，无需分块拼凑）： 复制代码 代码如下: <！doctype html> <html> <head> <title...
jQuery实现页面滚动时层智能浮动定位实例探讨

jQuery实现页面滚动时层智能浮动定位实例探讨

2017年02月06日 19 阅读
各位兄弟可能碰到定位的问题，特别是在博客或者微博上面也会见到这个效果，于是产品人员在策划的时候就会要人家那种效果，，，而苦逼的我们需要去实现，实现实现。。。。。没办法，谁让我们是攻城师呢，攻吧： 效果图如下，滚动条下拉的时候黑色的块TOP为0；固定显示： 代码如下： 复制代码 代码如下: <！DOCTYPE html> <html > <head> <title>jQuery实现页面滚动时层智能浮动定位<...
jQuery 网易相册鼠标移动显示隐藏效果实现代码

jQuery 网易相册鼠标移动显示隐藏效果实现代码

2017年02月06日 20 阅读
其实主要是jquery层选择器的应用，jquery 高手可以跳过。。。网易相册效果图如下：当鼠标移动经过照片就显示“设为封面｜删除”，移开后就隐藏，此效果在web开发中经常会用到。故总结一下直接上代码：复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html&...
select标签模拟/美化方法采用JS外挂式插件

select标签模拟/美化方法采用JS外挂式插件

2017年02月06日 19 阅读
<select>标签的外观问题很恼人，各个浏览器都不一致，单单就IE，一个版本就一个长相，还不能用CSS修饰。在这将本人对<select>的美化方法共享出来。优点： 仍保留使用<select>，仅改变外观，不改变不干预Form行为，后期加载JS。（注：本脚本依赖jQuery）啥也不说了，都在代码里。复制代码 代码如下:$（document）.ready（function （） { // 找出需要美化的<select...
JavaScript中的onerror事件概述及使用

JavaScript中的onerror事件概述及使用

2017年02月06日 20 阅读
1、Window.onerror事件onerror事件用来协助处理页面中的JavaScript错误。当页面上出现异常时，error事件便在window对象上触发。例如： 在这种情况下，浏览器会显示错误信息：。如果不希望浏览器在默认对话框中显示出错消息，让onerror方法返回true即可。此外，onerror方法还提供了三个参数用来确定错误确切的信息，分别是：1）message：一个字符串，声明了出现的错误的信息（不同的浏览器中返回的消息内容略有差异）。...
javascript ie6兼容position:fixed实现思路

javascript ie6兼容position:fixed实现思路

2017年02月06日 19 阅读
positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置 网页中经常会有浮动的导航条会用到这种定位模式，但是ie6下并不兼容这种定位 浮动导航条的样式，重要的是position:fixed;bottom:60px;（浮动导航底部距离窗口底部60px） 复制代码 代码如下: .floating_9677{position:fixed; z-index:961; bottom:60px;} ie6下positon:fixed不起作用，只能靠...
基于jQuery实现模拟页面加载进度条

基于jQuery实现模拟页面加载进度条

2017年02月06日 20 阅读
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢？ 我们知道，页面是从上往下执行的，也就是说我们可以大致估算出在页面的某个位置加载了多少，而后用jq模拟出一个进度条来显示。 首先我们先画一个进度条的样子，也就是上图图中的样子，这个不用过多说明，自己看代码 CSS 复制代码 代码如下: .loading{position:relative;top:0;left:0} .tip1{float...
<< 621 622 623 624 625 626 627 628 629 630 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图