随笔分类 -  css

摘要:我前面博客写过一个星级评论的原生写法,非常复杂,今天就通过jquery来写一个简单的星级点亮的效果,来看代码: 效果图就不展示了,将代码拷贝自己可以试试哦,一定要注意自己引用文件的路径!好了,今天就写这么一个简单的小例子。 阅读全文
posted @ 2018-02-27 20:49 麦兜家园 阅读(510) 评论(0) 推荐(0) 编辑
摘要:今天写一个案例:就是导航可以用数字键盘来监听,也就是点击数字键盘相应的导航触发并且出现相应的样式。来看代码: 当点击数字键盘3时候效果图如下: 阅读全文
posted @ 2018-02-26 21:05 麦兜家园 阅读(524) 评论(0) 推荐(0) 编辑
摘要:jquery的事件对象就是js事件对象的一个封装,就是做了一个兼容性的封装。 以上几种不详细说了,接下来说一下下面的几种: 来看简单小例子,a标签的href里面传链接即可跳转,来看代码: 那么它的执行结果肯定是先弹出“麦兜”再弹出“呵呵”,然后跳转http://www.cnblogs.com/web 阅读全文
posted @ 2018-02-25 21:32 麦兜家园 阅读(229) 评论(0) 推荐(0) 编辑
摘要:绑定事件都知道用on或者bind,当然on用的多,那么想要解除事件呢? 写一个小的例子,点击按钮,下面的a元素被触发点击事件: click事件是比较早的写法,而trigger(触发)也是另一种比较新的方法。当然都可以实现效果。 这是绑定了点击事件,那解绑的话就用到了off: 好了,以上off就是接触 阅读全文
posted @ 2018-02-24 19:51 麦兜家园 阅读(168) 评论(0) 推荐(0) 编辑
摘要:表格都很常见,一般都是用table来写的,今天我就写一个dl和dd布局的表格,并往表格里添加内容,同时点击删除按钮也可以删掉表格内容。来看代码: 这个案例主要用到的就是on绑定事件,以及appendTo事件。on绑定事件经常会用到,可以委托绑定(写选择器就是委托事件),否则就是自己绑定注册事件。 阅读全文
posted @ 2018-02-23 21:44 麦兜家园 阅读(251) 评论(0) 推荐(0) 编辑
摘要:有这样一个小例子: 正常注册点击事件给每个a的话,那么就满足不了最后一个“点击新的”,它就不会被注册事件,那么想要解决这个问题,就必须用到委托事件delegate,接下来说一下delegate事件的应用。 delegate方法常用的三个参数是: selector:事件的最终执行元素 types:事件 阅读全文
posted @ 2018-02-07 20:22 麦兜家园 阅读(273) 评论(0) 推荐(0) 编辑
摘要:Javascript: JQuery div的宽高: 以上便是各种宽高的集合! 阅读全文
posted @ 2018-02-05 19:50 麦兜家园 阅读(7768) 评论(0) 推荐(0) 编辑
摘要:视频在网络上是必不可少的,那么随之而来的就是大家的评论啊或者是弹幕效果都是现在常见的,所以今天写一个弹幕效果,来看代码: 以上效果实现的过程中涉及到了先创建span,然后向span里设置内容也就是$("#txt").val(),接下来就是给这些个内容设置了一系列的css值,然后给animate动画让 阅读全文
posted @ 2018-02-04 14:31 麦兜家园 阅读(199) 评论(0) 推荐(0) 编辑
摘要:今天来说一下针对jquary关于创建节点和添加节点的方法,先来看看创建节点: 1、直接添加节点内容即可 2、可以创建jquary对象添加进去 以上两种方法都是常用到的。 接下来就看看如何添加节点:就拿这个简单的小例子说明一下 1、append方法 2、prepend方法 3、appendTo方法 4 阅读全文
posted @ 2018-02-02 20:24 麦兜家园 阅读(1153) 评论(0) 推荐(0) 编辑
摘要:话不多说,来看代码实现手风琴效果: 效果图如下: 注意:以上stop是解决鼠标快速放入图片上的animate的bug问题。 好了效果就是这样,可以试试看呢! 阅读全文
posted @ 2018-02-01 22:29 麦兜家园 阅读(374) 评论(0) 推荐(0) 编辑
摘要:今天的这个例子主要是实现点击小图能显示大图,来直接看代码: 效果图如下: 这个例子也只是简单的实现了点击小图呈现大图的效果,还有点击大图收回的效果也就是让其消失等等。希望这些对你有帮助把! 当然也希望有问题直接询问评论! 阅读全文
posted @ 2018-01-24 22:25 麦兜家园 阅读(379) 评论(0) 推荐(0) 编辑
摘要:写一个小的案例,会用到筛选选择器,实现一下淘宝精品图片的切换,接下来直接来看代码: 效果图看一下啊: 当然是可以切换的,我写的样式比较简单,但是你在用的时候可以稍微改一下满足你的样式即可!前面说到了会用到过滤筛选选择器,这个就是用到了eq()这个方法。用jquary的方法去写还是很简单的!不妨你可以 阅读全文
posted @ 2018-01-23 20:35 麦兜家园 阅读(373) 评论(0) 推荐(0) 编辑
摘要:直接来看代码: 效果图: 就是这么的简单粗暴!哈哈哈 阅读全文
posted @ 2018-01-22 20:46 麦兜家园 阅读(674) 评论(0) 推荐(0) 编辑
摘要:tab切换是经常会在项目中可见的案例,怎么用简单的jquary代码来实现 ,其实也很简单,废话不多,来看这个案例,我先把布局写一下: 接下来,给布局添加css样式,也是很简单的样式,可优化: 最终,也是最重要的jquary来渲染实现效果了,前提一定要记得引用jquary.js,话不多说,看jquar 阅读全文
posted @ 2017-09-17 13:10 麦兜家园 阅读(1411) 评论(0) 推荐(0) 编辑

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