刚开始学jquery，工作中有些css表单中的按钮美化很麻烦，所以想着用jquery来替换，复选框的jquery很容易，就是简单的样式切换效果，用toggleClass()方法即可。 而单选框之前一直不知道怎么做，因为在单选框中选中一个，其他的都必须移除掉样式，如果2个单选框在同级中则用siblings（）则可直接找到其他单选框移除掉样式即可。鉴于自己工作是循环列表模式，每个<li>里面都带有一个单选框，未发现jquery中parent()这个好用的方法，以...
用jquery封装了一个控制图片左右滚动的插件，有左右按钮可以点击实现图片滚动效果。 代码如下： <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>slide</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.2/jquery.min.js"></script><br><style> * {padding:0;margin:0;list-style: none } img{border: none } #img-slider, #img-slider-2 {position: relative;width: 560px;heig...
本文实例讲述了jQuery实现按钮点击遮罩加载及处理完后恢复的效果。分享给大家供大家参考，具体如下： 运行效果图如下：具体代码如下： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="EasyUiLoad.aspx.cs" Inherits="EasyUiLoad" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head r...
一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里，可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件，jQuery Mobile 会追加一定的样式到链接，值得注意的是，jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应，一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式。下面给出一个例子： 这是一个添加了 data-role=“button” 属...
废话不多说，直接给大家贴代码了。 具体代码如下所示： <!DOCTYPE html> <html lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8"><title>点击按钮文字变成input框，点击保存变成文字</title><style type="text/css">table{ text-align: center; font-size: 14px;}table>thead>tr>th{ font-weight: normal;}.text-right{ padding-right:73px; text-align: right;}.te...
<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。 今天遇到一个问题：怎样实现点击一个按钮，在当前的页面上新增加一个小窗口，展示一个图片信息？如下图所示：点击之前：单击之后：分析：要使新增的小窗口不影响父页面，我们这里采用iframe的框架的技术。【<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。】实现是思路：（1）在按钮的上添加一个...
如果版本是: 1.3.1 IE无法显示关闭按钮 如果版本是: 1.3.4 IE6无法显示关闭按钮 解决办法: Version: 1.3.1 打开fancybox.css 注释掉此行： .fancybox-ie #fancybox-close { background: transparent; filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src = images/fancy_close.png, sizingMethod = scale ); }Version: 1.3.4 打开jquery.fancybox-1.3.4.css 注释掉此行： .fancybox-ie6 #fancybox-close { backgr...
本文实例讲述了JQuery实现的按钮倒计时效果。分享给大家供大家参考，具体如下： 一个实现了在按钮上显示倒计时，倒计时完毕自动将按钮设置为不可用的效果，具体代码如下： <html> <head> <title>test count down button</title> <script src="jquery1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(#btn).click(function () { var count = 10; var countdown = setInterval(Co...
本文为大家分享了jQuery点击按钮弹出遮罩层且内容居中的特效，下面来看最终实现的效果：由于是测试的程序，所以我未加关闭的按钮。 一、主体程序<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>弹出居中遮罩</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link rel="stylesheet" type="text/css" href="css/layout.css"/></head...
内联按钮 data-inline=true 默认情况下，在体内含量的所有按钮都称为块级元素，所以他们填补了屏幕的宽度。 但是，如果你想让按钮外观紧凑，宽度只符合里面的文字和icon，那就给按钮添加data-inline="true"的属性。如果你有多个按钮，应该肩并肩地坐在同一行，将data-inline="true"的属性为每个按钮。这将风格的按钮将其内容的宽度和浮动按钮让他们坐在同一条直线上。 <a href="index.html" data-role="button" data-inline="true"...
一、EasyUI创建简单的菜单菜单（Menu）定义在一些 DIV 标记中，如下所示：<div id="mm" class="easyui-menu" style="width:120px;"><div onclick="javascript:alert(new)">New</div><div><span>Open</span><div style="width:150px;"><div><b>Word</b></div><div>Excel</div><div>PowerPoint</div></div></div><div icon="icon-save">Save</div><div class="menu-sep"></div><div>Exit</div> </div> 当菜单创建之后是不显示的，调用...
项目需求：输入手机号，实时判断手机号输入的是否符合规则：如果不合规则，则提交按钮为禁用状态，手机号信息不可提交，按钮显示灰色背景；如果符合规则，则可提交所输入的手机号信息，并将按钮背景设成红色。 代码如下： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>.box{width: 400px;margin: 50px auto;border: 1px solid #ccc;padding: 50px;}#phone{text-align: center;mar...
菜单（Menu）定义在一些 DIV 标记中，如下所示：<div id="mm" class="easyui-menu" style="width:120px;"><div onclick="javascript:alert(new)">New</div><div><span>Open</span><div style="width:150px;"><div><b>Word</b></div><div>Excel</div><div>PowerPoint</div></div></div><div icon="icon-save">Save</div><div class="menu-sep"></div><div>Exit</div></div>当菜单创建之后是不显示的，调用 show 方法显示它或者调用 ...
很多朋友都反应jquery mobile自带的图标真的是少之又少，另外我也觉得图标偏小(系统自带的是18*18的），于是琢磨着如何自定义按钮图标，下面小编把我的方法分享给大家。 刚接触Jquery Mobile框架，遇到个很现实问题，就是如何自定义按钮图标，我觉得jquery mobile 自带的图标实在是太少了，另外我觉得图标也偏小（系统自带的应该是18*18的）下面是我的方法，希望大家踊跃拍砖。 1、第一种方法是比较简单的，但是有前提，前提就是你...
jQuery可以制作出与Flash媲美的动画效果，这点绝对毋庸置疑，本文将通过实例演示一个左右按钮点击的图片切换效果。 一、最终效果二、功能分析 1、需求分析 点击左边pre按钮，显示前面三个图片，点击右边的next按钮，显示后面的一组（三个）图片。初始化只显示next按钮，到最后一组只显示pre按钮，中间过程两按钮都显示。 2、html结构分析 <div class="activity" id="activity-slide"><a href="javascript:void(0)" class="pg_left ...