http://gaojiewyh.iteye.com/blog/518532
1、UI控件使用说明 -- 按扭 (有问题请联系 曾宪斌)
- 首先在head中加载以下四个文件
<link rel="STYLESHEET"
type="text/css" href="style/style.css">
<link rel="STYLESHEET"
type="text/css" href="style/icon.css">
<script language="javascript"
src="script/jquery-1.3.2.min.js"></script>
<script
language="javascript" src="script/pico-ui.js"></script>
这样页面中的所有input按扭都将会被自动渲染为
- 通过CSS更改图标,如.icon-save {background-image:
url(icons/save.gif) !important;},
页面标签添加icon属性:<input icon='icon-save'
type='button' value='按扭' >
- 示例
<input type='button'
value='按扭' onclick='alert(1)'>
<input id='dsb'
type='button' value='disabled按扭' onclick='alert(1)' disabled>
<input type='button'
value='可用' onclick='javascript:$("#dsb").bnt().enable()'>
<input type='button'
value='不可用' onclick='javascript:$("#dsb").btn().disable()'>
<input
icon='icon-save' type='submit' value='提交' >
<input
icon='icon-reset' type='button' value='重置' >
<input
icon='icon-search' type='button' value='查询' >
<input
icon='icon-add' type='button' value='添加' >
<input
icon='icon-edit' type='button' value='编辑' >
<input
icon='icon-delete' type='button' value='删除' >
<input
icon='icon-save' type='button' value='保存' >
- 大小: 27.6 KB
分享到:
相关推荐
jQuery实现的漂亮button按钮 jQuery实现的漂亮button按钮
漂亮的页面Button 已经整理好了,可以快速用到项目中
title="添加xx" class="thickbox">弹出页面</a> title="添加xx" class="thickbox"> <input id="Button1" type="button" value="弹出页面" />......
jQuery让网页上的按钮变漂亮,jQuery按钮美化效果示例,给button添加一个样式,前端再添加一个圆形的图标,带动画效果,当鼠标悬停于按钮时,前边的圆形图标会上下跳动,网页瞬时动了起来,这只是一个使用jquery参与...
我们大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写onclick = "fn()",使用jquery可以使javascrīpt代码与html代码分离,保持HTML的清洁,还可以很轻松地绑定事件,甚至你可以不知道“事件”...
开发项目时,经常需要自已开发一些UI组件,在这里共享一个刚开发的Button控件,这个Button使用很简单,只要加入相关的CSS和JS文件,这样页面中的所有input按扭都将会被自动渲染为漂亮的个性化按扭,不需要写一句代码...
今天给大家带来一款基于jquery超炫的弹出层提示消息。这款实例页面初始时,一个go按钮。当单击go按钮时,提示强出层以动画形式出现。效果图如下: 实现的代码。 html代码: 代码如下: ’b’> ’bb’> ...
希望这些jQuery按钮能给你带来帮助,好了,来一起看看这些漂亮的按钮吧。 英文原文中有些重复和打不开链接的例子我去掉了。 注:转载请注明以下信息,否则保留那个什么的权利 英文原文:...
jPrettyCarousel 一个漂亮的轮播插件,可与jQuery 1.7+一起使用版本1.1安装在页面顶部添加插件调用带有可见项数量$("my_container").jprettyCarousel({ visibleItens:5 })的轮播方法设置一些可选参数,可能的参数是...
tips[3] = '漂亮但无内容的网站,没有人会第三次访问它。'; tips[4] = '所谓策划:简单的问题复杂化,复杂的问题简单化'; tips[5] = '不会打枪的士兵能打仗么?分不清盐和碱的能成为厨师么?不懂web技术能策划网站么...
jquery.mCustomScrollbar 是一款非常漂亮的滚动条样式插件,同过它你可以自由的定制自己喜欢的滚动条。而且兼容IE6 和IE7等的浏览器
Bootstrap是Twitter推出的一个用于前端开发的开源工具包,基于Bootstrap框架,我们可以方便地制作漂亮的UI界面。今天要分享的这款CSS3下拉菜单就是基于Bootstrap的,下拉子菜单的外观也非常不错,同时菜单也具有3D...
试想一下,别的孩子都穿戴整齐漂亮,其中两个孩子怎么都不鸟你,太不和谐了。 原始的file控件是这样的: 别以为这个是由一个text和一个button组合成的,它是一个控件,html代码为: 复制代码代码如下: <...