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的基本用法。jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理和动画效果。在HTML文档中,...
本文将深入探讨如何利用jQuery制作出漂亮的页面Button。 一、jQuery简介 jQuery简化了JavaScript的DOM操作,事件处理和动画效果,使得开发者能够快速实现复杂的交互功能。在创建按钮时,jQuery提供了便捷的方法,如...
本篇文章将深入探讨jQuery Mobile的原理、核心概念以及如何利用它来制作各种漂亮的界面。 首先,jQuery Mobile是基于jQuery库的,它扩展了jQuery的功能,特别针对移动设备进行了优化。这个框架的核心理念是“一次...
"漂亮的JQUERY弹出窗口"这个主题聚焦于jQuery中的弹出窗口功能,这通常指的是模态对话框或提示框,它们在用户界面上提供了一种吸引用户注意力并进行交互的方式。以下是对这个主题的详细讲解: 首先,jQuery弹出窗口...
**jQuery插件:Smart Alert - 漂亮的弹出对话框** 在Web开发中,交互性和用户体验至关重要,而弹出对话框是实现这一目标的重要工具。jQuery插件提供了丰富的功能,让开发者能够轻松创建美观且功能强大的对话框。...
这通常是一个`<button>`或`<input type="button">`元素,包括相关的ID或类名,以便于jQuery选择器定位。 - **CSS样式**:定义CSS样式以美化按钮。这可以包括边框、背景色、字体、大小、悬停效果等。将样式写入外部...
在标题和描述中提到的“jquery confirm漂亮的例子”,我们将深入探讨这个主题,展示如何使用jQuery Confirm来创建吸引人的对话框,并了解其主要功能和用法。 首先,引入jQuery和jQuery Confirm库。在HTML文件中,你...
这个“漂亮界面源代码”的演示旨在帮助开发者快速掌握如何利用 jQuery Mobile 创建美观的用户界面。通过查看和分析提供的示例代码,你将能够理解其核心概念和常用组件。 1. **响应式设计**:jQuery Mobile 使用媒体...
jQuery,作为一款强大的JavaScript库,为开发者提供了简单易用的API来实现各种复杂的动态效果,包括创建带透明度的弹出窗口。本篇文章将详细探讨如何使用jQuery实现这样一个功能。 首先,我们需要理解jQuery的基本...
"jquery漂亮的滑动开关"是指使用jQuery实现的一种交互性强、视觉效果良好的切换按钮,通常被称为滑动开关(Toggle Switch)或开关按钮(Toggle Button)。这种控件常见于移动应用和网页设计中,用于用户在两种状态...
title="添加xx" class="thickbox">弹出页面</a> title="添加xx" class="thickbox"> <input id="Button1" type="button" value="弹出页面" />......
**jQuery实现漂亮的按栏目搜索特效代码详解** 在网页设计中,提供高效的搜索功能是至关重要的,特别是对于内容丰富的企业网站和商城网站。jQuery作为一个轻量级的JavaScript库,以其丰富的插件和简单易用的API,...
<button class="share-btn">分享</button> $(document).ready(function () { $('.share-btn').share({ url: 'http://example.com', title: '这是一个示例标题', description: '这是一个示例描述', networks...
在“jquery 结合CSS与图像做的漂亮按钮.rar”这个压缩包中,可能包含了CSS样式文件、jQuery脚本文件和各种图像资源。例如,CSS文件可能命名为“buttons.css”,包含了各种按钮的样式定义;jQuery脚本文件可能是...
<button id="show-alert">显示警告</button> $(document).ready(function(){ $('#show-alert').click(function(){ HFAlert.alert('这是一个警告', {type: 'warning'}); }); }); ``` 在这个例子中,当...
"漂亮的JQuery登陆注册界面"是一个典型的示例,它展示了如何利用前端技术创建一个吸引人的、功能齐全的登录注册页面。这个项目采用了一种流行的技术栈,包括HTML、CSS以及JavaScript库JQuery,来实现一个在一个页面...
例如,使用jQuery改变按钮的文本: ```javascript $('#<%= btnClassic.ClientID %>').click(function () { $(this).val('点击了!'); }); ``` 6. **访问键支持**:为了提高无障碍性,可以设置`AccessKey`属性,...