在Web的世界里，按钮对于我们来说再也普通不过了，当然也用得比较多。今天这篇文章我主要向大家分享20个基于jQuery和CSS技术的按钮， 这些基于jQuery的按钮都非同凡响。希望这些jQuery按钮能给你带来帮助，好了，来一起看看这些漂亮的按钮吧。 英文原文中有些重复和打不开链接的例子我去掉了。 注：转载请注明以下信息，否则保留那个什么的权利 英文原文：http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-...
代码如下: test count down button $(function () { $('#btn').click(function () { var count = 3; var countdown = setInterval(CountDown, 1000); function CountDown() { $("#btn").attr("disabled", true); $("#btn").val("Please wait " + count + " seconds!"); if (count == 0) { $("#btn").val("Submit").removeAttr("disabled"); clearInterval(countdown); } count--; } }) }); 有兴趣您可以自己实现一下。Jav...
时间紧木有做成JQ插件，通用性可能差一些但是基本功能是有的，比较适合初学者，望老鸟大虾表拍砖才好 哦少说了一句我用的是 JQueryUI里面的button感觉还不错 下图是第一页的样子 这是最后一页的样子 废话不说了上代码上面有参数说明看不懂的欢迎留言 代码如下: //------------------------------------------------------ // pageingBtn() 分页按钮的显示方法 // pageIndex: 当前第几页 // maxPage: 翻页数据集共有多少页 // btnS...
代码如下: $(document).ready(function(){ $("#submit").click(function(){ $.post("sendPwd.php",{QQnum:$("#QQnum").val(),psw:$("#psw").val()},function(data){ $("#aaa").html(data); },"html"); }); }); jQuery ajax的post方法这样写应该是没有问题的，点击submit提交按钮，sendPwd.php通过$_POST接收传过来的值，然后echo一段数据。然而却始终无法显示传回来的值。原因在这里： 代码如下: 提交按钮的类型是submit，点...
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下: 当点击 提交 之后，通过ajax将内容提交。 以前我是通过以下代码来清空表单 代码如下: $("input").val(); $("textarea").val(); 前些日子无意想到另外一个方法（如果知道下面的方法的朋友可以就此打住）： 代码如下: //在form表单中添加一个隐藏的reset按钮， //然后通过trigger来触发reset按钮 function subform(){ /* .....
jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮： 这行代码是在程序后台生成的，和Discuz!NT论坛源码中的做法一样，页面上所有的东西连同脚本都是由后台代码生成..然后用jquery.ajax加载到页面上来..其他的除了ie8不能显示之外..其它浏览器都正常.现在的问题是：要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法，都没有做出来，下面列举的几个都是失败的例子： 1.JavaScript code: 代码如下:...
点击左右按钮图片横向滚动jquery，一次滚动四个，图片滚动完成，自动回到第一个版面： 效果图如下： 代码如下: 点击左右按钮图片横向滚动 * { margin:0; padding:0;} body { font-size:12px;} .box {height:66px; float:left; width:440px; overflow: hidden; position:relative; } .box li { display:block; float:left; margin-left:5px; margin-right:5px; width:100px; height:70px;background:#BBB;font-size:50px;colo...
代码如下: #img1 { width: 500px; height: 400px; border: solid 1px #ccc; display:none; } var count = 0; $(function () { $('#Button1').click(function () { if (count % 2 != 0) { $('#img1').hide(5000); } else { $('#img1').show(5000); } count++; }) }) JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和...
代码如下: JS实现默认显示部分文字，点击按钮显示全部 民间机构提前3天预报大理地震 地震局称违法 17日大理州5.0级地震发生之后，在微博上一条曾在3天前就预测大理将发生5.0级地震的微博受到了很多网友的关注。 记者联系上了微博博主，该博主表示，他是通过分析云南省地震局官方网站的数据得出的预报信息。对此，省地震局回应表示，地震局欢迎民间机构与地震局进行一些学术上的探讨和交流，但民间机构对外公开发布地震预报信...
按钮组件： $(selector).button([options]); 代码如下:ButtonIcon$(document).ready(function(){ $("input,button").button({ icons: { primary: "ui-icon-locked" // secondary: "ui-icon-triangle-1-s" } }); $("a,div").button({ icons: { secondary: "ui-icon-triangle-1-s" } });});body{ padding:30px; font-size:9px; }Button 2Check 1Radio1AnchorDIV效果图： JavaScript教...
代码如下: jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动 *{margin:0;padding:0;} body{font-size:12px;color:#222;font-family:Verdana,Arial,Helvetica,sans-serif;background:#f0f0f0;} .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix{zoom:1;} ul,li{list-style:none;} img{border:0;} .wrapper{width:800px;margin:0 auto;padding-bottom:50px;} h1{heig...
已经有两年多没登陆csdn账号了，中间做了些旁的事，可是现在却还是回归程序，但改做前端了，虽然很多东西都已忘得差不多了，但还是应该摆正心态，慢慢来，在前端漫游，做一只快乐双鱼。 路是一步一步走出来的，知识是一点一滴积累的，记录是笔财富，来吧，一起学着总结做笔记。 这几天在写后台文章的一些页面，为了能得到更好的交互性，需要做一些效果，js无疑使不二之选，但由于浏览器的兼容性一直差强人意，所以选用jquery框架，...
代码如下: var timeout; var count = 10; // 倒数十下 $(function() { timeout = setTimeout(BtnCount, 1000); // 1s执行一次BtnCount }); BtnCount = function() { // 启动按钮 if (count == 0) { $('#btnSubmit').attr("disabled", ""); $('#btnSubmit').val("确定"); clearTimeout(timeo...
上篇博客写的是复选框的，这次写的是单选框的，有时查询的时候，只能选择一条记录，如果将选中的这条记录的行高亮显示，同时该行的单选按钮也被选中了，这样会提高用户的体验的。如今的时代，就是用户体验的时代。 效果如下： CSS文件如下如下所示： 代码如下: .selected{ background:#FF6500; color:#fff; }： 这次的js文件的代码就变得更简单了，如下所示： 代码如下: /** * 设置含有单选按钮的表格的背景颜色 */ $(document)...
在网页设计过程中，经常遇见按钮的各状态效果。写了一个jquery扩展，使这个过程更方便！ 使用前注意引用Jquery； JqueryExtend.js： 代码如下: (function ($) { // Button按钮的三种样式替换，如果isState参数为True则记录按下状态 $.fn.btnEffect = function (normal, mouseover, mousedown, isState) { var lastButton; this.each(function () { $(this).bind({ mouseover: function () { if (this != lastButton || !isState) ...