
javascript
文章平均质量分 58
一天一天积累
这个作者很懒,什么都没留下…
展开
-
H5页面监听长按事件
H5页面监听长按事件 var timeOutEvent; $(document).on("touchstart","body img",function(e){ var that = this; timeOutEvent = setTimeout("longPress()",500);//500设置时间 picUrl ...原创 2020-05-19 17:43:50 · 7128 阅读 · 0 评论 -
<a>标签的取消跳转和恢复
一、取消的跳转,可以绑定click事件,在click里return false;(此时就算a有一个href跳转地址也没用了)$("#previewbtn").click(function(){return false});二、恢复的跳转,可以取消绑定的click,这时就可以跳转到指定链接了。 $("#previewbtn").unbind('click');原创 2015-05-11 14:10:25 · 3498 阅读 · 0 评论 -
hammer.js实现移动端的拖放效果
hammer.js可以实现移动端的多种触摸效果。详细可以点击http://www.cnblogs.com/iamlilinfeng/p/4239957.html不过发现hammer.js实现功能时,只能是原生js,jquery代码在hammer中不起效果。一、引入hammer.js 下载http://hammerjs.github.io/二、创建(触屏点击效果)//点击原创 2015-05-12 15:27:46 · 5363 阅读 · 0 评论 -
h5播放音乐
h5音频播放,里面参数可以查看http://www.w3school.com.cn/html5/html_5_audio.asp Your browser does not support the audio tag.html部分: -->使用本地音乐 js效果:可以通过点击一张图片来控制音乐的播放和暂停 var sj_原创 2015-06-03 18:51:16 · 3392 阅读 · 0 评论 -
制作svg动画
要实现一步一步画出来一个图片,css3做不到吧,除非一张张的图片定时显示。想不到别的招了。现在用的是一个插件,做了一个svg动画。插件地址:http://lazylinepainter.info/先用AI做好路径,保存为svg格式的文件。使用插件,先引入需要的文件: window.jQuery || document.write('')demo如下:原创 2015-07-29 20:46:49 · 5349 阅读 · 0 评论 -
修改select默认样式,兼容IE9
前面有篇文章已经提供了如何修改select标签的默认样式,但是只能兼容到ie10,要兼容ie9只能模拟一个类似的html结构: 产品咨询1 产品咨询2原创 2015-08-17 15:13:51 · 14377 阅读 · 0 评论 -
js判断移动设备 并跳转到手机版
判断移动设备一般使用UA在里添加script type="text/javascript"> if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { window.location.href = "http://action.ju原创 2016-07-05 11:11:52 · 6443 阅读 · 0 评论 -
$.inArray()使用方法
$.inArray()方法类似于JavaScript的原生.indexOf()方法,没有找到匹配元素时它返回-1。如果数组第一个元素匹配value(参数) ,那么$.inArray()返回0。如果找到,则返回返回找到位置的数组下标值.var event_id = $("#event_id").val();if(!!event_id && ($.inArray(event_id,原创 2016-06-23 16:42:43 · 6420 阅读 · 0 评论 -
js设置获取删除cookie
function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+转载 2016-06-23 17:56:42 · 469 阅读 · 0 评论 -
js和zclip实现复制内容到剪贴板效果
要实现点击"复制",可以把体验码复制到剪贴板,效果如下:有两种实现方法,第一种纯js,但是不兼容safari,还有一种就是使用jquery的插件zclip,这个插件依赖flash,用户浏览器需要安装有flash才会正常运行方法一://复制功能var code=$('#vip-code');var copyBtn=$('.copy-btn');$(copyBtn).原创 2016-07-12 16:28:09 · 2810 阅读 · 0 评论 -
从数组中随机选择一条
/** 从数组中随机取一个数据出来 */function getRandom(arr) { var len = arr.length; var i = Math.ceil(Math.random() * (len ))%len; return arr[i];}var wxarr = [ { title:'我们一起理财吧~送你理财特权,1个月原创 2016-08-19 15:41:22 · 3156 阅读 · 0 评论 -
js实现千分符和保留几位小数
js实现千字符转化function fmoney(s, n) { n = n > 0 && n s = parseFloat((s + '').replace(/[^\d\.-]/g, '')).toFixed(n) + '';原创 2016-06-27 18:37:34 · 4722 阅读 · 0 评论 -
视频播放控制
html部分:<video src="../video/video6.mp4" width="1920" height="1080" autoplay loop preload poster="" id="video"></video>js部分:var myvideo = document.getElementById("video"原创 2018-03-14 11:15:46 · 454 阅读 · 0 评论 -
监听url变化
js部分:<script>var lasturl=window.location.href;function isHashChanged(){ var cururl=window.location.href; if(lasturl ==cururl ){ return false; }return true;}function hashCh...原创 2019-04-26 17:21:39 · 3069 阅读 · 0 评论 -
IE下的cursor的url不兼容
鼠标的光标可以显示成图片(ico格式或者cur等),光标在线制作网址为:http://app.baidu.com/widget?appid=134026。html: css:#bottle{ background:url("../images/flower.jpg"); height:330px;原创 2015-04-30 17:20:53 · 3442 阅读 · 0 评论 -
浏览器滚动到一段距离,绝对定位的导航出现
具体效果是,浏览器滚动到一定距离的时候,fixed绝对定位的导航会显示,当滚动到小于这个距离的时候,导航会隐藏。js部分: function getTop() { var mytop = $(document).scrollTop(); if (mytop > 400) { $(".fixed_bann原创 2015-01-22 18:55:33 · 3660 阅读 · 0 评论 -
比较好的播放视频插件swfobject.js
播放视频的方法:方法一、 使用html5播放 your browser does not support the video.poster用来设置视频的封面图,loop是否循环播放autoplay是否自动播放controls是否显示控制按钮缺点:兼容不太好方法二:使用视频插件swfobject.js 首先下载下载所需要的文件,在demo.h原创 2015-01-05 17:29:42 · 5661 阅读 · 4 评论 -
IE6下png图片透明问题
以前用到png图片的时候,总是担心,IE6下会出现的灰色背景,所以一直用gif格式的图片来替换png格式的图片,代码如下:.pngImg { background:url(image.png); _background:url(image.gif); } 在其他浏览器下调用的是图片image.png,IE6识别_,调用image.gif图片,这样做有些缺点,就是gif图原创 2014-10-29 10:28:53 · 499 阅读 · 0 评论 -
javaScript的calle属性
原创 2014-10-11 12:57:16 · 517 阅读 · 0 评论 -
Javascript判断字符串是否为空
很多情况下,都是用length来直接判断字符串是否为空,代码如下: 测试效果如下图: 如果用户输入的是空格,制表符,换页符,这时候,一般也会认为用户输入的是空值,可以使用正则表达式来判断,代码如下: 上图红框部分的正则表达式是将用户输入值中的空格去掉,然后判断长度是否为0,来确定用户是否输入。测试效果如下:在输入框中输入两个空格后,由于不符合常理,所以js判断仍然是空。原创 2014-11-17 14:48:41 · 17838 阅读 · 0 评论 -
网页中图片去色问题
网页中图片去色问题网页中经常需要一种js效果,就是鼠标经过某张图片,图片去色。为了不加载两张图片(一张彩色和一张灰色),在网上找到了一些方法。方案一:使用grayscale.js可以使用grayscale.js来实现图片的去色,但是有个缺点就是它可以实现鼠标经过图片去色,但是实现不了鼠标移开之后,图片恢复颜色。使用demo:window.onload=function(原创 2014-11-24 18:00:26 · 18998 阅读 · 0 评论 -
select中option改变时跳转到其他页面
html代码: 友情链接 163 flash8 百度原创 2014-12-04 09:10:16 · 16584 阅读 · 3 评论 -
文本溢出显示省略号
一、单行文本溢出显示省略号(...)设置块元素的宽和高,然后使用三个属性(缺一不可)控制 overflow: hidden; text-overflow:ellipsis; white-space:nowrap;Demo如下:效果如下:二、多行文本溢出显示省略号(...)可以使用以下四个属性来控制:overflow :原创 2014-12-04 09:53:00 · 922 阅读 · 0 评论 -
RGBA颜色与兼容性的半透明背景色
RGBA颜色与兼容性的半透明背景色by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=839一、周末的唠唠叨叨这周真是辛苦的一周,很多事情不得已都拖着,比如现在这篇文章早前几天前就应该完工了;关于vertical-align属性的下集还没有开始写,jQue转载 2014-12-09 12:00:49 · 1842 阅读 · 0 评论 -
jQuery实现简单而且很酷的返回顶部链接效果
jQuery实现简单而且很酷的返回顶部链接效果 返回页面顶部 1 2原创 2014-12-11 15:45:21 · 921 阅读 · 0 评论 -
使用echarts简单制作中国地图
网站需要一张中国地图,并且鼠标经过某个省份,该省份的省份名字显示,而且该省份的地区会变色显示。第一种方法:将每个省份的图片定位(先隐藏),拼合成一张中国地图,然后再定位省份名称,鼠标经过省份名字,添加hover事件,将对应图片显示。第二种方法:使用图形插件echarts,轻松制作。http://echarts.baidu.com/doc/example.html在echarts原创 2014-12-12 15:58:40 · 24516 阅读 · 5 评论 -
jQuery面试题及答案
问题:jQuery的美元符号$有什么作用?回答:其实美元符号$只是”jQuery”的别名,它是jQuery的选择器,如下代码:$(document).ready(function(){});当然你也可以用jQuery来代替$,如下代码:jQuery(document).ready(function(){});jQuery中就是通过这个美元符号来实转载 2015-01-20 09:18:39 · 1230 阅读 · 0 评论 -
使用定时器显示下拉菜单
html布局:首排导航和下拉的内容分成两个div写。 首页 网上服务原创 2015-02-11 14:39:34 · 966 阅读 · 0 评论 -
鼠标经过,图片会放大(从中心位置放大)
js部分: //鼠标经过a标签,对应的图片会放大效果 var zoom = 1.03; var width = $(this).find(".move_img").find("img").width(); var height = $(this).find(".move_img").find("img").height();原创 2015-01-22 19:01:40 · 8875 阅读 · 0 评论 -
网页中常用的效果
一、网页中常常需要显示天气:http://i.tianqi.com/index.php?c=code&id=40&icon=1&num=3">>在http://www.tianqi.com/plugin/上可以私人订制不同的显示样式和显示的日期天气。自己感觉很好用。效果如下图:二、搜索输入框,开始的时候有默认的文字,想要鼠标点击之后,提示文字消失,鼠标离开焦点时,提示文字出现:原创 2015-02-11 15:23:48 · 1004 阅读 · 0 评论 -
javascript中的call()和aplay()两个方法的区别
call和aplay的作用相同,但是参数传递原创 2014-10-11 16:50:09 · 10393 阅读 · 0 评论