随笔分类 -  js

键盘enter按钮出发登陆事件
摘要：$("#nameInput").focus();$(".txtUserName").keydown(function (event) { if (event.keyCode == 13) { login(); }})$("#nameInput").focus();加这句话是因为有的网站是默认记住用户 阅读全文
posted @ 2018-04-27 17:11 SophiaLiu 阅读(377) 评论(0) 推荐(0)
阻止事件冒泡，阻止默认事件
摘要：今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 阅读全文
posted @ 2018-04-20 09:22 SophiaLiu 阅读(675) 评论(0) 推荐(0)
修改select下拉框的下拉按钮
摘要：ie上的下拉框下拉按钮真是太丑了，如何把他自定义一下呢？ 首先，把浏览器自带的下拉框去掉： select::-ms-expand { display: none; } 接下来，用自己喜欢的下拉图片去替换： select { padding-right:20px; color:#a7bce3; app 阅读全文
posted @ 2018-03-30 13:29 SophiaLiu 阅读(9686) 评论(0) 推荐(1)
js实现仿购物车加减效果
摘要：代码如下： 阅读全文
posted @ 2018-03-16 15:54 SophiaLiu 阅读(719) 评论(0) 推荐(0)
网页中多一些常见效果之伸缩菜单（主要是学习js的书写方法）
摘要：效果如下图： 代码很简单，如下： 阅读全文
posted @ 2018-03-08 20:34 SophiaLiu 阅读(336) 评论(0) 推荐(0)
【转】前端上传组件Plupload
摘要：【转自博客园-无双】 html5原生的给我们提供了文件上传的API，Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件，简单易用且功能强大，我们完全可以使用Plupload来代替以前的SWFUpload。 Plupload有以下功能和特点： 1、拥有多种上传方式：HTML5、 阅读全文
posted @ 2017-08-22 11:44 SophiaLiu 阅读(747) 评论(0) 推荐(0)
【转】原生js仿jquery一些常用方法
摘要：现在利用扩展原型的方法实现一些jquery函数： 1.显示/隐藏 ? 1 2 3 4 5 6 7 8 9 10 //hide() Object.prototype.hide = function(){ this.style.display="none"; return this; } //show( 阅读全文
posted @ 2017-07-13 11:12 SophiaLiu 阅读(248) 评论(0) 推荐(0)
动态调整窗口的宽度和高度
摘要：项目开发中用window.showModalDialog弹窗的页面，需要动态调整大小。 基本介绍： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog() 方法用来创建一个显示HTML 阅读全文
posted @ 2017-06-22 16:26 SophiaLiu 阅读(1275) 评论(0) 推荐(0)
怎么在html页面和js里判断是否是IE浏览器
摘要：HTML里： HTML代码中，在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。在HTML代码中，区别各种浏览器的代码如下，以ie6为例 <!--[if IE 6]>仅IE6可识别<![endif] 阅读全文
posted @ 2016-09-09 10:54 SophiaLiu 阅读(22365) 评论(0) 推荐(2)
一行神奇的javascript代码
摘要：一行神奇的JS代码，是在一个博客园里面看到的，当时我就震惊了，这不就是传说中的ZB神奇么… … 哈哈（果断转载过来）。 写本篇文章的缘由是之前群里@墨尘发了一段js代码，如下： 然后让大家运行，出来的结果让人有点出乎意料，请看： &amp;lt;img class="alignnone" src=" 阅读全文
posted @ 2016-08-23 11:10 SophiaLiu 阅读(210) 评论(0) 推荐(0)
jquery手写焦点轮播图-------解决最后一张无缝跳转第一张的问题
摘要：轮播图 阅读全文
posted @ 2016-08-22 11:07 SophiaLiu 阅读(1586) 评论(0) 推荐(0)
关于js判断鼠标移入元素的方向——上下左右
摘要：一开始我是这么想的，将待移入的元素分割四块，用mousemove获取第一次鼠标落入的区域来判断鼠标是从哪个方向进去的。 所以只要写个算法来判断鼠标的值落入该元素的区域就可以得出鼠标移入的方向，如下图： 对于数学不太好的我，只能上网找下看有没有人解决了。找到了如下这段： var x = (e.page 阅读全文
posted @ 2016-07-13 14:49 SophiaLiu 阅读(7313) 评论(1) 推荐(2)
导航栏固定在顶部，滑动下面内容，不同的内容块，上面的导航相应的变颜色
摘要：效果如e车宝的网站 阅读全文
posted @ 2016-05-17 15:56 SophiaLiu 阅读(1057) 评论(0) 推荐(0)
当导航栏滚动到浏览器顶部时，固定导航栏
摘要：获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。 •$(function(){ •//获取要定位元素距离浏览器顶部的距离 •var navH = $(".nav").offset().top; 阅读全文
posted @ 2016-04-12 16:15 SophiaLiu 阅读(1207) 评论(0) 推荐(0)
FullPage.js全屏滚动插件的配置项、方法和回调函数
摘要：fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有： 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对 阅读全文
posted @ 2016-01-06 16:11 SophiaLiu 阅读(1767) 评论(0) 推荐(0)
购物网站中，选择不同颜色和尺寸时，相应地方的文字也跟着改变
摘要：效果如图： 1 2 颜色： 蓝白 3 4 5 6 7 8 9 1... 阅读全文
posted @ 2015-09-29 16:33 SophiaLiu 阅读(290) 评论(0) 推荐(0)
jqzoom基于jQuery的图片放大镜
摘要：1.引入jQuery和jqzoom插件 <script src="/js/common/jquery-1.6.2.js" type="text/javascript"></script> <script src="/js/common/jquery.jqzoom.js" type="text/jav 阅读全文
posted @ 2015-09-29 11:03 SophiaLiu 阅读(907) 评论(0) 推荐(0)
滚动新闻插件vticker
摘要：vTicker 是一款非常小巧的 jQuery 垂直滚动插件，压缩后只有 2KB。vTicker 支持自定义滚动时间、间隔时间、显示个数、滚动方向（向上/向下）、容器高度等等，但它对 HTML 结构有点小“苛刻”——容器里面只能是 ul 标签。不过如果你仅仅是需要一个垂直滚动效果的话，vTicker 阅读全文
posted @ 2015-09-26 17:32 SophiaLiu 阅读(748) 评论(0) 推荐(0)
tab选项卡
摘要：1 1 2 2 3 3 4 4 5 5 tab切换 6 6 7 7 8 8 9 9 10 10 11 11 12 12 13 13 14 14 15 15 16 16 ... 阅读全文
posted @ 2015-09-23 14:23 SophiaLiu 阅读(180) 评论(0) 推荐(0)