`
文章列表
Notify - 消息通知插件       1) Sticky是一个简单的页面消息提醒jQuery插件。可以设置让消息在页面的四个角落出现,也可以设置在页面中央出现。可以手动关闭消息,也可以设置成自动关闭。 http://thrivingkings.com/sticky/        2)JNotify是一个JQuery插件,基于JQuery UI实现,用于创建页面消息提醒和状态提示条。   http://jnotify.codeplex.com/  演示地址:http://www.fabiofranzini.com/jNotify/Demo.html   ...
UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点.        现在软件设计也分为两个部分:编码设计与UI设计。分工越来越细,也说明了Ui在软件中的重要性。无论一个网站的后台,还是一个软件的后台界面,对整个网站或系统重要性就不必说了,一个优秀的网站和系统,漂亮的UI是重要的一方面,良好的用户体检,体验在视觉设计和用户交互体验上。下面给大家推荐下本人以为不错的Web后台。 1  jquery easyui的改版 2 ...
   1) SpryMap一个超级轻量级的依赖于 JavaScript 的小组件,能够让 HTML 元素实现类似 Google Maps 中的点击和拖拽效果。 主页: http://candrews.net/blog/2010/10/introducing-sprymap/ 演示地址: http://candrews.net/sandbox/spryMap/          2)Dragdealer JS是一个JavaScript组件,用于创建支持拖拉操作的界面(如:Slider)。可以上下或左右拖拉,定义slider(x/y)的初始位置,设置每 ...
今天分享下以前收藏的几个漂亮的后台WebUi框架,之前听人说到“一个项目最重要的是前台,后台谁看啊”,这话说的,是,领导是只看前台界面,但系统管理员呢?不能不说前台不重要,前台是很重要,但后台怎么能不重要呢,大部分数据要靠后台来输入,操作。如果一个好的后台界面,漂亮的,易用的页面对系统来说也很重要,如果你是系统管理员看到一个很草的后台,也会不爽吧,今天就给大家分享几套不错的后台框架,有源码下载。                                                         ...
分享几个Tooltips插件      1) Poshy Tip  是一个强大的jQuery Tooltips插件,拥有不同的外观。作为 Form Tooltips使用时,可以自定义气泡出现的位置。 http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/ 演示地址: http://vadikom.com/demos/poshytip/          2)Easy Tooltip 是一款 jQuery 的 Tooltip 插件。 http ...

input样式

无边:border:0 none; outline-style:none; 自动完成:autocomplete= "off
本文字框输入法被关闭:  语法: style="ime-mode:disabled" 范例: <input type="text" name="textfield" style="ime-mode:disabled">
function reinitIframe() { var iframe = document.getElementById("menu"); iframe.height='500px'; try { var bHeight = iframe.contentWindow.document.body.scrollHeight ; var dHeight = iframe.content ...

圆角边框

圆角边框制作,方法有多种,自己觉得比较好的一种写下制作方式 1.使用photoshops制作边框圆角为5px的圆角矩形 2.按ctrl+enter路径变为选取, 3.新建一个图层描边,选择菜单“编辑”-->“描边”1px,选择自己想要的颜色   4.使用矩形选取工具选取描边后的矩形“左下角”(选取框大小为5px) 5.复制一个角 6.通过复制的角再复制“水平翻转”变形,和“垂直翻转”制作以下图形 7.删除背景层,制作以下图效果(注意为了看到效果,本图放大处理)   8.按快捷键ctrl+alt+shift+s保存为“web”所需格式png-8(如下所 ...
document.onkeydown = function(event) { var target, code, tag; if (!event) { event = window.event; //针对ie浏览器 target = event.srcElement; code = event.keyCode; if (code == 13) { ...
javascript 类的定义方式 <script> //定义一个javascript类 function JsClass(privateParam,publicParam){//构造函数 var priMember = privateParam; //私有变量 this.pubMember = publicParam; //公共变量 //定义私有方法 function priMethod(){ return "priMethod()"; } //定义特权方法 //特权方法可以访问所有成员 this.privilege ...
<html> <head> <title> 测试JQUERY提交动态文本 </title> <script language="javascript" src="jquery.js"></script> <script language="javascript"> $(function(){ //引用的jquery文件我就不上传了,大家应该都有的。 //by http://dcdc723.iteye.com $(&quo ...
一个通用的框架 一个通用的框架 在动手写自己的jQuery插件之前,自然是先研究一下别人写的插件了。其实写jQuery也基本有一个通用的框架。行,那咱也把这框架照搬过来吧。 复制代码 代码如下:(function($){ $.fn.yourName = function(options){ //各种属性、参数 } var options = $.extend(defaults, options); this.each(function(){ //插件实现代码 }); }; })(jQuery); 有了这个,咱就可以往里面套东西了。 名号、参数和属性 好不容易开始闯荡江湖了,一定要有一个响亮的 ...
简介 在该系列之前的文章 使用 jQuery,第 2 部分:中级 jQuery:UI 项目 中,我介绍了使用 jQuery 代码中的插件来提高 web 应用程序的效率。但必须知道,这些插件不是自己凭空产生的,它们是由开发人员编写、测试并完善的,这些人员为 jQuery 社区奉献了自己的业余时间。我们做这些都是免费的,是出于对自己代码的热爱。本文主要关注您如何回报这个伟大的社区,即如何编写自己的插件并上传到 jQuery 的插件页面。这可以让所有人使用您创建的插件,可以让整个 jQuery 开发社区变得更好。今年您也做出自己的贡献吧。 在编写本文中的插件时,我发现插件的创建过程以及用来创建它的 ...
jQuery中的extend方法jQuery中的extend方法通过不同的参数实现了几种不同的继承方法:     * 1.extend(src)     将src对象的属性和方法逐一复制给jQuery或jQuery对象     * 2.extend(dest,src1,src2,src3...srcN)         将 src1、src2...对象的属性和方法逐一复制给dest对象,需要注意的是,在复制的过程中,排在后面的参数(对象)将会覆盖排在前面的参数的属性和方法;实际上,该方法和后面的方法3都提供了一种“深度继承”的方法,即:参数一表示的对象可以通过该方法一次实现逐一按层次 ...
Global site tag (gtag.js) - Google Analytics