刚开始学jquery,工作中有些css表单中的按钮美化很麻烦,所以想着用jquery来替换,复选框的jquery很容易,就是简单的样式切换效果,用toggleClass()方法即可。 而单选框之前一直不知道怎么做,因为在单选框中选中一个,其他的都必须移除掉样式,如果2个单选框在同级中则用siblings()则可直接找到其他单选框移除掉样式即可。鉴于自己工作是循环列表模式,每个<li>里面都带有一个单选框,未发现jquery中parent()这个好用的方法,以...
比例a标签点击后,弹出带确定与取消的窗口,点击确定则执行一个动作,否则不执行. 首先我们用ecshop 模板使用举例 {if $votings eq 1} <a href="javascript:;"onclick="if (confirm(多次投票将扣除100个积分,您确定投票吗?)) {vote_this({$item.id},{$item.cat_id});}else{return false;}"id="supportme15" > </a>{else}<a href="javascript:;"onclick="vote_this({$item.id},{$item.cat_id})"id="supportme15" > </a>{/if}<script ...
本文实例讲述了JS模仿腾讯图片站的图片翻页按钮效果。分享给大家供大家参考,具体如下: 运行效果截图如下:具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>模仿腾讯图片翻页</title><style type="text/css">*{margin:none;padding:none;}body{background:#000000;}#tip{po...
用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...
点击按钮出现60秒倒计时的简单js代码(推荐) <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>点击按钮出现60秒倒计时的简单js代码(推荐)</title> <script type="text/javascript" src="js/jquery.js"></scr...
html: <a><span id="sendAgain" onclick="sendEmail()">2.再次发送激活邮件</span></a> (span控制点击事件,disabled无效) js: /*发送邮件*/ function sendEmail(){//发送邮箱认证邮件var me = $("#sendAgain");me.time = 60;(function() {if (me.time > 1) {me.time--;me.html("2.再次发送还需(" + me.time + ")");setTimeout(arguments.callee, 1000);me.attr("onclick","");} else {me.html("2.再次发送激活邮件");me.attr(...
本文实例讲述了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...
先给大家说下什么是ext ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库就可以了. 主要包括三个大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官方网站提供...
一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里,可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件,jQuery Mobile 会追加一定的样式到链接,值得注意的是,jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应,一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式。下面给出一个例子: 这是一个添加了 data-role=“button” 属...
如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。 另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。 onclick事件里面执行 $(this).attr(disabled,disabled); 在点击一次后立马将按钮设置为不可使用。 或者向如下方法另行定义一个jQuery函数来进行控制:$("form").submit(function(){ $(":submit",t...
今天遇到一个很奇葩的需求,是这样的:当我点击文字的时候弹出一个删除按钮,可以删除刚才点击的文字. 诶?当时想了想,没什么难度吧.可是,既然是奇葩的需求怎么可能这么简单. 对,还有一个功能.我并不知道我点了哪个标签,英文可以承载文字的标签太多太多.... 当时我tm就懵逼了.你都不知道要点哪个标签,我怎么去绑定事件?给谁绑定事件? 扯了半天,还是要写.于是就动工了. 我思路是这样的: START 1,首先得获取鼠标点击的对象.(问题是...我...
废话不多说,直接给大家贴代码了。 具体代码如下所示: <!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...
本文先为大家分享按钮组的使用方法,具体内容如下 一、按钮组(Button Groups) 1、单个按钮组 用.btn-group封装多个带.btn的<button><div class="btn-group"> <button class="btn">1</button> <button class="btn">2</button> <button class="btn">3</button> </div> 2、多个按钮组 将多个<div class="btn-group">放进<div class="btn-toolbar">中。<div class="btn-toolbar"> <div class="btn-group"> ... </div> <div class="...
本文实例处理各种表单, 以及链接,按钮的通用组件,教大家如何对javascript表单处理进行操作,具体内容如下 /*** Generic Form processing js* @author Anthony.chen*//*** Push button action [btn_action]data into form* If there is prescript , run the pre script*/ "use strict"; //All ajax request are synchronized by default var ajaxSynchronized = true; //All ajax request will be unblock by default var ajaxAuto...
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 学习要点:1.小图标组件2.下拉菜单组件3.按钮组组件4.按钮式下拉菜单本节课我们主要学习一下 Bootstrap 的三个组件功能:小图标组件、下拉菜单组件和各种按钮组件。一.小图标组件 Bootstrap 提供了免费的 263 个小图标(数了两次),具体可以参考中文官网的组件链接: http://v3.bootcss.co...