代码: 代码如下: #choice_list_district{ height:50px;} #tab td{cursor:pointer;} $(function () { //绑定事件处理 $("#choice_list_district a").click(function (e) { if ($("#divObj").css("display") == "none") { e.stopPropagation(); //设置弹出层位置 var offset = $(e.target).offset(); //设置弹出层位置在点击的下面 $("#divObj").css({ top: offset.top + $(e.target).height() + "px", left: offset.left })...
代码如下: $(document).ready(function () { //按钮样式切换 $("#btFeedBack").hover( function () { $(this).removeClass("btFeed").addClass("btFeedhover"); }, function () { $(this).removeClass("btFeedhover").addClass("btFeed"); } ); });
css代码: 代码如下: .scroll-up { background: #dcdcdc url(up.png) no-repeat center center; width:48px !important; /*for ff and other standard browser*/ height:48px !important; _width: 58px; /*for IE6 nonstandard box model*/ _height: 58px; position: fixed; _position: absolute; /*for IE6 fixed bug*/ opacity: .6; filter: Alpha(opacity=60); /*for IE opacity*/ padding:5px; cursor: pointer; display: non...
前几天由于工作需要制作一个分享按钮,考虑到后续其他项目可能也会用到,于是就打算写成插件化,正好也给我自己的插件jquery.hooray增加一个新的功能,为了不浪费大家时间,我先把demo放出来,如果觉得能用到,或者想学是怎么制作的,那就继续往下看。(demo演示) 既然要做成插件,那可制定性肯定要强,不能定死,比如不能把显示个数定死,不能把分享按钮排序定死等等(不过有些东西还是要定死的,太灵活了也就成不了插件了)。这...
代码如下: jqGrid的JSON数据显示 body{font-size:12px;} function Modify(id) { //单击修改链接的操作 var model = jQuery("#list1").jqGrid('getRowData', id); //alert(model.Id); $("#txtCityCode").val(model.Code); $("#txtCityName").val(model.Name); $("#txtFID").val(model.Fid); $("#modifyform").dialog({ height:230, width:400, resizable:false, modal:true, //这里就是控制弹出为模态 buttons:{ "确定"...
在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...
JS控制按钮自动切换背景颜色,可暂停_脚本之家 .grigg{ position:relative; font-family:Verdana; font-size:16px;color:#ffffff; } y=" "; function colourWrite(){ y=document.bgColor; if (document.layers) {x=document.FM.box.value} if (document.all) {x=document.all.kurt.innerHTML} r=x+=y.toUpperCase(); Wrte=r+" "; if (document.layers) { document.FM.box.value=Wrte; document.layers.kurt.documen...
经常使用google的朋友一定对google绚丽的日历控件记忆犹新吧,那我们也来实现一个,虽然功能和效果比不上,但重要的是实现的过程. 下面是要实现的html结构: 年:月: 先说一下日历查询的算法: w=y+parseInt(y/4)+parseInt(c/4)-2*c+parseInt(26*(m+1)/10)+d-1 ; 下面是详细的说明过程,有兴趣的可以去看下: http://www.gxlcms.com/article/32572.htm 以下是实现的javascript代码: 代码如下: sx.activex.calender={ bind:function(target...
upload... #ui-upload-holder{ position:relative;width:60px;height:35px;border:1px solid silver; overflow:hidden;} #ui-upload-input{ position:absolute;top:0px;right:0px;height:100%;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;} #ui-upload-txt{ position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:35px;text-align:center;} #ui-upload-filepath{ position:relative; bor...
有时候可能需要实现这样的效果:使用ajax提交表单,成功提交表单之后清空表单,如下代码: 代码如下: 当点击 提交 之后,通过ajax将内容提交。 以前我是通过以下代码来清空表单 代码如下: $("input").val(); $("textarea").val(); 前些日子无意想到另外一个方法(如果知道下面的方法的朋友可以就此打住): 代码如下: //在form表单中添加一个隐藏的reset按钮, //然后通过trigger来触发reset按钮 function subform(){ /* .....
jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: 这行代码是在程序后台生成的,和Discuz!NT论坛源码中的做法一样,页面上所有的东西连同脚本都是由后台代码生成..然后用jquery.ajax加载到页面上来..其他的除了ie8不能显示之外..其它浏览器都正常.现在的问题是:要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法,都没有做出来,下面列举的几个都是失败的例子: 1.JavaScript code: 代码如下:...
区域中 代码如下: toolbar=yes, 显示工具条 location=yes,显示网址栏 directories=no,导航条 status=no,状态条 menubar=yes,菜单 scrollbars=yes,滚动条 resizable=no,是否可以改变大小 copyhistory=yes,历史按钮 width=300,宽 height=200'高 left=100,距离左边100 top=100,距离顶端100
代码如下:var count=0;//做计数器 var limit=new Array();//用于记录当前显示的哪几个菜单 var countlimit=1;//同时打开菜单数目,可自定义 function expandIt(el) { obj = eval("" + el); if (obj.style.display == "none") { obj.style.display = "block";//显示子菜单 if (countlimit[count]=el;//录入数组 count++; } else { eval("" + limit[0]).style.display = "none"; for (i=0;ilimit[limit.length-1]=el; } } else { obj...
现在大多数网站都会添加这种功能:当滚动条滚动到页面的下方时,页面的右下角会显示出来一个“回到顶部”的按钮或连接,点击该按钮后页面会跳转到顶部,或某一个适合查看内容的位置。 那么,如何控制“回到顶部”按钮的显示或隐藏呢?其实我们只需要实现window.onscroll 事件即可,代码如下: 代码如下: window.onscroll = function () { if (document.documentElement.scrollTop + document.body.scrollTop > 100) { document.ge...