因一个项目的需要,需要在前端界面实现在折叠面板里拖曳控件到工作区的功能(类似于Android和MFC的可视化界面开发),于是就开始学起了强大的jQuery,发现里面的jQuery-UI有折叠面板、按钮等控件,但当在折叠面板里拖曳按钮时,按钮的拖曳范围只能是折叠面板内部,不能拖到工作区。所以这里绕了个...
分类:
Web程序 时间:
2015-04-25 21:04:59
阅读次数:
224
因一个项目的需要,需要在前端界面实现在折叠面板里拖曳控件到工作区的功能(类似于Android和MFC的可视化界面开发),于是就开始学起了强大的jQuery,发现里面的jQuery-UI有折叠面板、按钮等控件,但当在折叠面板里拖曳按钮时,按钮的拖曳范围只能是折叠面板内部,不能拖到工作区。所以这里绕了个弯实现了一下:主要的实现过程是:首先在控件表明生成一个副本,每次拖曳控件的时候拖曳的都是副本,当拖曳完...
分类:
Web程序 时间:
2015-04-25 18:22:06
阅读次数:
186
这是一款效果非常炫酷的CSS3 3D折叠面板动画特效。该折叠面板特效当鼠标移动到图片上时,一个面板会以3d折叠的方式在顶部展开,并显示图片的标题等信息。。这个效果使用3D CSS animations 来制作折叠面板的动画,纯CSS,没有使用javascript。
在线演示:http://www.htmleaf.com/Demo/201501251276.html
下载地址:http:...
分类:
Web程序 时间:
2015-01-26 13:41:16
阅读次数:
165
1.折叠面板--mAccordion 2.数字角标—mBadges 有底色
灰色
蓝色
绿色
棕色
红色
紫色
无底色(使用父元素背景色)颜色同上
1
2
3
4
5
6 3.按钮—mButton(mButton-blue/red/green/yellow/purple/)
有底色按钮:
默认
蓝色...
分类:
其他好文 时间:
2014-12-10 16:00:10
阅读次数:
1223
这是项目中的一个功能,在开始加入这个功能时,首先想到的是jQuery插件,因为jquery的折叠菜单,折叠面板插件有不少,所以首先是测试jquery插件,但是测试了大概3个后,发现功能的确是强大,但是都有几处不符合我们的要求,要么是颜色难改(使用了固定的图片),要么是需要改更..
分类:
其他好文 时间:
2014-08-22 02:55:56
阅读次数:
166
关于可折叠面板构件可折叠面板构件是一个面板,可将内容存储到紧凑的空间中。用户单击构件的选项卡即可隐藏或显示存储在可折叠面板中的内容。下例显示一个处于展开和折叠状态的可折叠面板构件:可折叠面板构件的 HTML 中包含一个外部div标签,其中包含内容div标签和选项卡容器div标签。在可折叠面板构件的 ...
分类:
其他好文 时间:
2014-08-14 16:36:28
阅读次数:
263
在基于Spry的基础上实现了Tab板之后,再来制作一个折叠面板的页面,效果如图1所示。图中一共有3个折叠面板,每个折叠面板都有一个标题。单击一个标题,就可以实现面板的折叠隐藏或展开。图1的左图为折叠起来的效果,右图为展开后的效果。图1 设置当前页的Tab样式本实例的文件位于网页学习网CSS教程资源中...
分类:
其他好文 时间:
2014-06-28 19:17:40
阅读次数:
279
这里所说的高级网页组件是指一些网页上的比较复杂的用户界面,例如Tab面板、伸缩面板和折叠面板等组件。Tab风格的面板一直受到广大周站制作者的青昧。Tab面板有时被称为“选项卡”面板,使用鼠标点击各个Tab选项卡就可以在不同页之间切换。随处可见各式各样的Tab菜单,网易网站首页上可以看到的Tab面板,...
分类:
其他好文 时间:
2014-06-20 14:40:19
阅读次数:
488