jquery漂亮的工具栏

2024-11-04

轻量级jquery框架之--工具栏(toolbar)

工具栏需求: (1)要求工具栏可以通过JSON配置格式生成,这样可以从服务器端控制生成的JSON来控制UI层面的按钮状态 (2)可以自定义按钮的图标样式. (3)可以定义按钮事件,按钮事件需要支持以字符串形式定义(服务端对应的按钮JSON配置里的事件配置为字符串形式) (4)支持工具栏全局事件,即点击任意按钮都触发的事件 (5)支持编程方式禁用.启用.添加.删除按钮 (6)支持配置额外的事件参数,考虑参数中附带权限标志 (7)工具栏需要考虑可以简单集成到tree组件.datagrid等可能需要用

jQuery漂亮图标的垂直导航菜单

效果展示 http://hovertree.com/texiao/nav/3/ jQuery漂亮图标的垂直导航菜单是一款当鼠标滑过菜单项时,会有一个背景遮罩层跟着鼠标移动,效果非常炫酷,图标还是矢量图. 源码下载效果图如下: HTML文件代码如下: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv=&

一款基于jquery漂亮的按钮

之前为大家分享了好多css3实现的按钮.今天给大家分享一款基于jquery漂亮的按钮.这款按钮背景下用了一张图片.当鼠标经过的时候背景用半透明div遮住.一起看下效果图: 在线预览源码下载实现的代码. html代码: <a class="btn" data-js="btn"><span class="btn-inr"><span class="txt-a">See This Butt

动态控制jQuery easyui datagrid工具栏显示隐藏

//隐藏第一个按钮 $('div.datagrid-toolbar a').eq(0).hide(); //隐藏第一条分隔线 $('div.datagrid-toolbar div').eq(0).hide(); //显示第一个按钮 $('div.datagrid-toolbar a').eq(0).show(); //显示第一条分隔线 $('div.datagrid-toolbar div').eq(0).hide(); disable toolbar按钮 $('#btnpichuli').l

经典收藏 50个jQuery Mobile开发技巧集萃

http://www.cnblogs.com/chu888chu888/archive/2011/11/10/2244181.html 1.Backbone移动实例这是在Safari中运行的一款Backbone移动应用程序.想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式.先不妨在你的浏览器中查看该应用程序. 相关链接:http://bennolan.com/2010/11/24/backbone-jquery-demo.html 2.使用媒体查询来锁定设备你可能会问如何使用

(转)经典收藏 50个jQuery Mobile开发技巧集萃

(原)http://www.cnblogs.com/chu888chu888/archive/2011/11/10/2244181.html 经典收藏 50个jQuery Mobile开发技巧集萃 1.Backbone移动实例这是在Safari中运行的一款Backbone移动应用程序.想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式.先不妨在你的浏览器中查看该应用程序. 相关链接:http://bennolan.com/2010/11/24/backbone-jquery-

《基于JQuery和CSS的特效整理》系列分享专栏

<基于JQuery和CSS的特效整理>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/read/201724.html 文章一款基于jQuery的颜色拾取器分享一款基于jQuery的QQ表情插件一款基于jQuery的图片水平滑动插件一款基于jquery超炫的图片切换特效一款基于jquery实现的鼠标单击出现水波特效一款基于jquery滑动后固定于顶部的导航一款基于javascript的3D玻璃破碎特效分享一款基于jQuery的视频播

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（9）-MVC与EasyUI结合增删改查

系列目录文章于2016-12-17日重写在第八讲中,我们已经做到了怎么样分页.这一讲主要讲增删改查.第六讲的代码已经给出,里面包含了增删改,大家可以下载下来看下. 这讲主要是,制作漂亮的工具栏,虽然easyui的datagrid已经自带可以设置工具栏,我们还是要提取出来,为以后权限控制做更好的准备. 先看一张界面调整后的效果图大家只要加入以下HTML代码到index上就可以了 <div class="mvctool"> <input id="txtQu

MVC与EasyUI结合增删改查

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(9)-MVC与EasyUI结合增删改查在第八讲中,我们已经做到了怎么样分页.这一讲主要讲增删改查.第六讲的代码已经给出,里面包含了增删改,大家可以下载下来看下.这讲主要是,制作漂亮的工具栏,虽然easyui的datagrid已经自带可以设置工具栏,我们还是要提取出来,为以后权限控制做更好的准备. 前端代码没有逻辑结果,这也许是我写代码以来写得最轻松的,但也是最繁琐的,因为美工我不是强项,每一次调整都非常

awesome-javascript

一系列令人敬畏的浏览器端JavaScript库,资源和闪亮的东西. 令人敬畏的JavaScript 包管理员装载机捆扎机测试框架 QA工具 MVC框架和库基于节点的CMS框架模板引擎文章/帖子数据可视化时间线电子表格编者文档公用事业档功能编程无功编程数据结构日期串数存储颜色 I18n和L10n 类控制流路由安全日志正则表达式媒体语音控制 API 流视觉检测浏览器检测基准机器学习 UI 代码高亮载入状态验证键盘包装旅游和指南

Django-Debug-Toolbar插件

目录 django配置插件: 介绍: 安装及配置: 优化ORM: django配置插件: ---配置Django-Debug-Toolbar 介绍: Django-Debug-Toolbar是项目开发阶段辅助调试和优化的神器,只要配置了它,就可以很方便的查看到如下表所示的项目运行信息,这些信息对调试项目和优化Web应用性能都是至关重要的项目说明 Versions Django的版本 Time 显示视图耗费的时间 Settings 配置文件中设置的值 Headers HTTP请求头和响应头的信

jQuery Flat Shadow – 轻松实现漂亮的长阴影效果

长阴影其实就是扩展了对象的投影,感觉是一种光线照射下的影子,通常采用角度为 45 度的投影,给对象添加了一份立体感.长阴影快速发展为流行的设计趋势,并经常被应用到扁平设计方案的对象.更详细的介绍可以阅读<扁平化设计的最新趋势 – 长阴影>一文,相信看了之后你会长阴影设计有更深的了解. 有几种方法可以轻松地创建这种效果,例如之前分享的<帮助你在 Photoshop 中轻松实现长阴影效果的工具>,还有今天要介绍的使用 jQuery 插件实现的方法. 您可能感兴趣的相关文章 OverAP

jQuery Wheel Menu：实现漂亮的 Path 风格旋转菜单

相信很多用过 Path 的都对它的独特的旋转导航菜单有深刻的印象,这个功能也被很多的 Web 开发者模仿.今天分享的这款插件可以方便的在你的网站中加入和 Path 一样的旋转菜单,可以自定义效果. 您可能感兴趣的相关文章 OverAPI.com – 史上最全开发人员在线速查手册 HTML5 Maker – 在线轻松制作 HTML5 动画效果 SlimerJS – Web开发人员可编写 JS 控制的浏览器 Chance – 功能强大的 JavaScript 随机数生成类库 Debuggex – 超

jQuery Mobile 工具栏

jQuery Mobile 工具栏工具栏元素常被放置于页眉和页脚中 - 以实现"已访问"的导航: 标题栏页眉通常会包含页眉标题/LOGO 或一到两个按钮(通常是首页.选项或搜索按钮). 您可以在页眉中向左侧或/以及右侧添加按钮. 下面的代码,将向页眉标题文本的左侧添加一个按钮,并向右侧添加一个按钮: 实例: <div data-role="header"> <a href="#" data-role="butt

使用 CSS3 & jQuery 制作漂亮的书签动画

今天的教程是关于创建使用 CSS 旋转变换和 JavaScript 制作动画书签效果.我们的想法是展现出样书状结构,使单一的色板或列表点击切换.当点击其中一项,我们就会旋转以显示所选择的项目. 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮播插件

使用 CSS & jQuery 制作一款漂亮的多彩时钟

大家可能见过各种各样的时钟效果,比如多年前非常流行的 Flash 制作的各种新奇的动画时钟,现在的 Web 开发者们又开始应用 CSS3 和 Canvas 等最新技术来实现.而今天这里要分享的这款漂亮的多彩时钟效果大家不一定见过,赶紧来看看. 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[附源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12款经典的白富美型 jQuery 图片轮播插件让网站动起来!12款优秀的 jQuery 动画插件精心挑选的美轮美奂的 jQue

jQuery自定义漂亮的下拉框插件8种效果演示

原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示在线预览下载地址实例代码 <!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edg

纯手工打造漂亮的瀑布流，五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox！

前两天写的文章<纯手工打造漂亮的垂直时间轴,使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身!>受到很多网友的喜爱,今天特别推出姊妹篇<纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox!>,希望大家喜欢! 前言 FineUI控件库发展至今已经有 5 个年头,目前论坛注册的QQ会员 5000 多人,捐赠用户 500 多人(捐赠用户转化率达到10%以上,在国内开源领域相信这

纯手工打造漂亮的垂直时间轴，使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身！

前言 FineUI控件库发展至今已经有 5 个年头,目前论坛注册的QQ会员 5000 多人,捐赠用户 500 多人(捐赠用户转化率达到10%以上,在国内开源领域相信这是一个梦幻数字!也足以证明FineUI旺盛的生命力!).这一切的得来不是无缘无故的,而是来自于FineUI的发布理念 – Release Early! Release Often! 时至今天,FineUI总共发布了 100 多个版本! 这 100 多个版本更新列表只是文本文件就有 120K 大小,放在页面上更是长的要命,如何恰当的向