随笔分类 -  JavaScript

主要是一些使用javaScript或jQuery实现的动画效果的心得
摘要:项目中需要用到旋转木马效果,但是我在网上找的插件,基本都是不带按钮或者只是带前后按钮的,而项目要求的是带索引按钮,也就是说有3张图片轮播,对应的要有3个小按钮,点击按钮,对应的图片位于中间位置。于是就在jQuery的一款插件jquery.carousel.js的基础上进行了一些改进,不足的是,固定就 阅读全文
posted @ 2016-12-12 11:12 木西梧 阅读(3175) 评论(1) 推荐(0) 编辑
摘要:最近在调试项目的时候,发现IE和Chrome都显示正常,就是FireFox异常,F12查看控制台,发现报错:window.event is undefined。检查代码中定义的事件方法中获取事件对象直接使用的window.event,去掉window后,IE异常,但是FF正常,坑啊。。。想当然以为全 阅读全文
posted @ 2016-12-06 14:13 木西梧 阅读(6028) 评论(0) 推荐(0) 编辑
摘要:像新闻类的版块经常要求一条条的新闻滚动出现,要实现这种效果,可以使用jQuery无缝滚动插件liMarquee。 注意: 1. 它的兼容性是IE7+,及现代浏览器。 2. 引用的jquery的版本最好是在1.9以上。 问题: 在实现突破链接滚动时,经常会遇到ul的部分li元素会换行 原因: 原因是l 阅读全文
posted @ 2016-11-28 11:49 木西梧 阅读(2025) 评论(0) 推荐(0) 编辑
摘要:一、问题 为元素设置hover上实现动画的效果,当鼠标反复快速进入元素时,动画会在鼠标停止后依然执行,导致动画和鼠标的动作不一致。 二、解决方法 要解决这种问题,可以使用jquery的stop()方法。 stop([clearQueue],[gotoEnd]): 有两个参数: 第一个参数[clear 阅读全文
posted @ 2016-11-07 17:00 木西梧 阅读(2813) 评论(0) 推荐(1) 编辑
摘要:通过几句jquery代码实现页面平滑滚动到某一锚点的效果。实现代码来源于https://css-tricks.com/snippets/jquery/smooth-scrolling 实现的jquery代码如下: 这里我们就先了解一下location对象及它的一些属性: location对象属于wi 阅读全文
posted @ 2016-11-02 14:31 木西梧 阅读(11084) 评论(0) 推荐(1) 编辑
摘要:1.按钮上的click事件 : 控制菜单的显示隐藏,同时需要阻止事件冒泡到document; 2.document的click事件: 让menu隐藏,这个功能是点击document任意一处,将菜单隐藏; 3.菜单的click事件:菜单本身并没有,是菜单内部的元素的click事件,需要阻止内部元素的c 阅读全文
posted @ 2016-06-13 10:31 木西梧 阅读(2022) 评论(0) 推荐(0) 编辑
摘要:效果如下: 阅读全文
posted @ 2016-06-08 11:41 木西梧 阅读(2988) 评论(0) 推荐(0) 编辑
摘要:Title test test test 阅读全文
posted @ 2016-05-25 11:20 木西梧 阅读(16890) 评论(1) 推荐(0) 编辑
摘要:注意:如果要实现点击a后其内容显示在select框内,需要禁止a标签的自动跳转 阅读全文
posted @ 2016-05-25 11:10 木西梧 阅读(184) 评论(0) 推荐(0) 编辑
摘要:传入的日期参数格式,也可以是'2017/05/19 12:00:00' 效果如下: 阅读全文
posted @ 2016-05-18 11:13 木西梧 阅读(5063) 评论(0) 推荐(0) 编辑
摘要:1、 去掉字符串前后所有空格: -- js实现trim功能 说明: 如果使用jQuery直接使用$.trim(str)方法即可,str表示要去掉前后所有空格的字符串。 --去除字符串两边空格的函数 参数:mystr传入的字符串 返回:字符串mystr //去除后面空格 while ((mystr.l 阅读全文
posted @ 2016-04-21 11:39 木西梧 阅读(16985) 评论(0) 推荐(0) 编辑
摘要:遇到的问题: 1.动态添加了某些元素,在动态添加的某个元素上绑定事件失效 原因:因为需要绑定的元素的直接父元素也是动态添加的解决:向上为上一级父元素绑定事件 2.多选框判断是否选中,方法无效 原因:判断钱必须先为其绑定点击事件 3.事件阻止冒泡问题(多少次了还是不会...) -- 搜索框绑定点击事件 阅读全文
posted @ 2016-03-25 17:09 木西梧 阅读(3013) 评论(0) 推荐(0) 编辑
摘要:JS判断是什么设备是什么浏览器 阅读全文
posted @ 2016-03-22 10:16 木西梧 阅读(1416) 评论(0) 推荐(0) 编辑
摘要:1.常规的Javascript代码中,通常使用window.onload方法 2.jquery中,则使用$(document).ready()方法 3.两个方法有相似的功能,但是在执行时机方面是有区别的 - window.onload方法是在网页中所有的元素(包括元素的所有的关联文件)完全加载到浏览 阅读全文
posted @ 2015-11-15 17:51 木西梧 阅读(2445) 评论(0) 推荐(0) 编辑
摘要:闭包 阅读全文
posted @ 2015-09-20 10:35 木西梧 阅读(247) 评论(0) 推荐(0) 编辑
摘要:offsetLeft和style.left的区别 阅读全文
posted @ 2015-09-19 19:54 木西梧 阅读(6513) 评论(0) 推荐(0) 编辑
摘要:实现图片的缓慢缩放,思路是:1.在html里设置页面布局,一张图片和放大、缩小按钮;2.script中获取对应的元素,然后为对应的按钮添加点击事件;3.针对放大、缩小分别封装函数,函数里设置个定时器,判断极限缩放幅度。 阅读全文
posted @ 2015-09-12 22:34 木西梧 阅读(1358) 评论(0) 推荐(0) 编辑
摘要:#JavaScript数据类型 ##一、原始数据类型 Javascript一共有 5种原始类型:Undefined、Null、Boolean、Number、String. *typeof运算符:判断其后面跟的参数是何种原始类型 e.g.typeof true--返回boolean 注意:typeof 阅读全文
posted @ 2015-08-29 17:42 木西梧 阅读(284) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示