1.解决了有些select 美化代码,无法触发原有select 控件的onchange 事件问题。 2.允许多次调用 $("...").selectCss()，以解决Select的options更新后无法同步的问题。 使用方法如下： 代码如下: 无标题文档 $(document).ready(function(){ $("select").selectCss(); }); 选项1 选项2 选项3 选项31 选项32 选33 主要文件包括 selectCss.css 和 selectCss.js selectCss.js 文件代码: 代码如下: (function($){ func...
整个页面如下： 代码如下: div#imgADPlayer { margin: auto; margin-bottom: 4px; width: 960px; height: 120px; background: url(../images/photo_01.jpg) left top no-repeat; padding: 0px; border: none; clear: both; position: relative; } div#imgADPlayer .smask { position: absolute; left: 0px; top: 0px; } $(document).ready(function () { $("#AdTop").blockSlide({ speed: "norm...
代码如下: jQuery Ajax - AjaxEvent $(document).ready(function() { $("#btnAjax").bind("click", function(event) { $.get("Default.aspx",{"resultType":"dddd"},function(data){ $("#divResult").html(Date);}); }) //AJAX 请求完成时执行函数 $("#divResult").ajaxComplete(function(evt, request, settings) { $(this).append('ajax执行完成'); }) //AJAX 请求发生错误时执行函数 $("#divResult").ajaxError(function(ev...
在代码里加入以下代码： $(window).load(function(){$("#loading").hide();}) 在里加入以下代码： Loading content, please wait.. 在里的这代码必须保证在网页载入的最前面。 接着是css代码： #loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;} 一个基于jquery的loading效果就完成咯。JavaScript教程/参考手册 ...
在使用的过程中，发现easyui目前还缺少一些小功能或是未开放出来 拿datagrid插件来说，数据加载提供了两种方式远程和本地数据加载，但只有远程数据加载时才会显示数据加载的遮罩层，在数据加载完成后隐藏遮罩层；而本地数据加载时则不会出现遮罩，这应该是考虑到本地数据加载的速度很快则没有使用遮罩的必要 不过呢，在实际的项目开发过程中使用时，没有考虑使用url方式加载数据，则采用了loadData方法来异步加载数据，这个时候就很...
具体的程序代码如下： 代码如下: $(function() { $("input#NodeText").bind({ contextmenu: function(e) { if (e.which == 3) return false; }, keyup: function() { $(this).val(""); } }); }); 其中e.which==3，是用来判断鼠标是不是右击。JavaScript教程/参考手册 JavaScri...
不过随着新版本的升级, 体积也慢慢变大了.24KB, Minified and Gzipped 155KB, Uncompressed Code压缩并gzip输出24K, 也不小了.如果页面上一个简单的效果,一个简单的动画就没必要载入这么大的库.看下面这个图片渐变效果, 其实纯js不到20行就可以搞定了.body {padding:0; margin:0;} #main {margin: 50px auto;border: 1px solid #ccc;width:700px} #main img {padding:0 20px; border:none; display:none}(function() {var imgs = d...
效果图: HTML: 代码如下: aaaaaa bbbbbb ccccc ddddd AAAAAA BBBBBBBB CCCCCC DDDDDD JS: 代码如下: $(function(){ $(#chklist).hcheckbox(); $(#radiolist).hradio(); $(#btnOK).click(function(){ var checkedValues = new Array(); $(#chklist :checkbox).each(function(){ if($(this).is(:checked)) { checkedValues.push($(this).val()); } }); alert(checkedValues.join(,)); alert($(#radiolist :checked).val()); }...
第一种方法： 代码如下: $(document).ready(function () { $(:input:text:first).focus(); $(:input:enabled).addClass(enterIndex); // get only input tags with class data-entry textboxes = $(.enterIndex); // now we check to see which browser is being used if ($.browser.mozilla) { $(textboxes).bind(keypress, CheckForEnter); } else { $(textboxes).bind(keydown, CheckForEnter); } }); function CheckForEnter(e...
代码如下: var unlikes = [zhang523012313, yangtongnet]; function delUnlike(filter, expr) { $(filter).filter(function() { var href = $(this).find(expr).attr(href); for (var i = 0; i < unlikes.length; i++) { if (href.indexOf(unlikes[i]) > 0) return true; } return false; }).remove(); } function clearUnlike(n) { setTimeout(function() { delUnlike(.avatar_list li, a); //头像 delUnlike(#feed_list li:visib...
暂时没有对手动输入的做判断, 需要的话, 可自行在keyup及change事件中添加相关判断. 相关说明及调用方法,请参见代码中的注释. 演示及代码:选择标签至文本域效果,可多选/可过滤重复/可限制个数@Mr.Think /*reset css*/ body,input{letter-spacing:1px;font:12px/1.5 tahoma,arial,\5b8b\4f53} div,h2,p,input,select{margin:0;padding:0} input{vertical-align:middle} h1{font-size:1em;font-weight:normal} h1 a{background:...
代码如下: $.fn.hDialog = function (options) { var defaults = { width: 300, height: 200, title: 此处标题, html: , iconCls: , submit: function () { alert(可执行代码.); } } var id = $(this).attr(id); options = $.extend(defaults, options); var self = this; $(self).dialog({ title: options.title, height: options.height, width: options.width, iconCls: options.iconCls, buttons: [{ text: 确定, iconCls: ico...
如何开始使用 首先用$.widget()方法开始定义你的组件，它只接收三个参数：第一个是组件名称，第二个是可选的基类组件（默认的基类是$.Widget），第三个是组件的原型。 组件名称必须包含命名空间，要注意的是，官方组件的命名空间是以‘ui'开头的，比如:‘ui.tabs'。我在下面的用‘我'的拼音(‘wo')。 代码如下: $.widget("yourNamespace.yourWidgetName",[yourBaseWidget],yourWidgetPrototype) $.Widget基类含有一个重要的属性‘...
关于 这个和以前弄的图片远处放大有许多相同的地方，比如图片预加载、有限容器显示无限大图片。 大小计算：内外两个比例。 代码如下: // 容器比例和图片比例 var dr = dw/dh, ir = iw/ih; if(dr>ir){ ih = dh; iw = ih * ir; }else{ iw = dw; ih = iw / ir; } 居中显示：CSS绝对定位，负边距。 代码如下: $img.css({width:iw,height:ih,position:absolute,top:50%,left:50%,marginLeft:-iw/2,marginTop:-ih/2}) 加载中和加载出...
首先是Jquery 无标题文档 $(function(){ var scrtime; $("#con").hover(function(){ clearInterval(scrtime); },function(){ scrtime = setInterval(function(){ var $ul = $("#con ul"); var liHeight = $ul.find("li:last").height(); $ul.animate({marginTop : liHeight+40 +"px"},1000,function(){ $ul.find("li:last").prependTo($ul) $ul.find("li:first").hide(); $ul.css({marginTop:0}); $ul.find("li:first")....