企业网站,个人博客等WordPress网站以及其他语言网站开发定制需求加QQ详聊。

 分类:资源共享

码云笔记,前端博客,前端技术,分享前端资源

jquery css垂直手风琴菜单列表制作

jquery css垂直手风琴菜单列表制作
分享一个利用jQuery CSS3来完成的垂直手风琴菜单栏,这个适合做web后台系统之类的菜单,这款CSS3手风琴菜单的每一个菜单项都有小图标,而且只能有一项展开,更有意思的是,在菜单折叠和展开式右侧的箭头也会有不错的动画效果。这里我是用<ul><li>&...

2周前 (11-29) 115℃

推荐两款select下拉框美化的jQuery插件

推荐两款select下拉框美化的jQuery插件
对于select下拉框的美化方法,我想不必要我多说了,在前面的文章中我已经介绍过了,大家可以到这里《如何修改select默认option数量多余显示滚动条查看》和《如何自定义设置select下拉框高度的优化方法》查看具体方法。今天本人推荐两款我认为比较好的select美化jQue...

3周前 (11-20) 84℃

css3制作3D旋转导航特效

css3制作3D旋转导航特效
这篇文章我们将带着大家做一个3D旋转导航特效,在做之前,大家需要有一定的css3变形transform和过渡transition等知识内容的学习,如果有的同学还是对这一块的知识相对薄弱的话,建议大家先去提高一下这些知识,推荐阅读《css3变形与动画(上)》和《css3变形与动画(...

3个月前 (09-08) 25℃

jQuery smartMenu右键自定义菜单插件的使用方法

jQuery smartMenu右键自定义菜单插件的使用方法
今天介绍的这个插件是我最近项目中刚刚用到的,这是一个什么插件呢?我们在打开一个页面时,点击鼠标右键会出现一个默认的上下菜单选择弹框,说到这儿了,我想大家脑海里应该知道具体效果了,如下图: 看到上图是不是有一种熟悉的感觉,但是我们在实际项目中开发浏览器的默认右键选择菜单却不是我们...

3个月前 (09-05) 73℃

canvas绘制白云天空飘过特效动图

canvas绘制白云天空飘过特效动图
没事就喜欢搞点新玩意学习一下,下面这个canvas例子是仿照小米的天气绘图实现的,实现起来非常简单,就是简单的canvas的画图,没有太难的js,所以学起来还是很轻松的,对初学者来说哟一定的帮助,大神请绕道。当然前期是对canvas的基本知识有个很好的掌握,好了不多说了,不做太多...

3个月前 (09-04) 60℃

canvas 带泡泡的海草动画特效

canvas 带泡泡的海草动画特效
我们先来了解一下canvas是个什么东东!说白了就相当于是一块幕布,我们可以在这张幕布上利用JavaScript来绘画图标、图画等。 canvas是HTML5新增的一个组件,在以前没有canvas的时候,我们在网页上看的一些动画是不能够直接在上面显示的,那个时候需要JavaScr...

4个月前 (08-21) 69℃

jQuery小插件实现table表格行列合并

jQuery小插件实现table表格行列合并
最近在做项目时候,需求要求实现对表格中单元格列合并的功能,如果是只在某一列中进行合并操作,代码是遍历每行的某一列单元格,而这次的需求比较复杂,列数很多,都可以动态显示隐藏,原来的代码功能明显不够用了。 本插件主要用于表格单元格的纵向合并,前提,每行的tr里都有一个属性,比如dat...

4个月前 (08-16) 60℃

jQuery实现tab选项卡切换的小插件

jQuery实现tab选项卡切换的小插件
最近在做项目的时候,需要一个tab选项卡功能,即通过切换tab显示该tab下的不同内容,知识点很简单,我在这里以插件的形式写出来,分享给大家,调用方法直接使用即可。 效果: HTML代码 <div id="tab_demo" class="tab_demo"> ...

4个月前 (08-14) 35℃

css3实现好看的气泡按钮动画特效

css3实现好看的气泡按钮动画特效
CSS3在我们网页设计中是最关键的一环,为什么这么说呢?我们在浏览别人的网站时,经常会看到特别好看的动画效果,比如一个按钮啊,一个图片啊,每次看到都能够让人有种赏心悦目的感觉,这就使网站更具有吸引力和互动性。接下来我就用css3的一些属性来完成点击按钮气泡动画特效。 先看gif效...

4个月前 (08-01) 58℃

分享20种交互式按钮的代码片段

分享20种交互式按钮的代码片段
你能想象一个没有按钮的网站吗?我打赌你不能。这并不奇怪,因为这些小的,大部分是矩形形状的对象,就像导航或者版权信息一样,是任何UI的基本细节之一。它们不仅使链接看起来更有份量、更吸引人、更有冲劲,而且还有助于提高转化率,使用户体验更便捷、更直观。这些CTAs(又称“aka Ca...

5个月前 (07-25) 151℃