当然，代码使用起来也非常的方便，很多东西就不用自己再去琢磨了。 研究的过程中顺便用jQuery实现了一个div的拖动，代码附于本文结尾。 实现的思路请参考我的可以拖动的DIV（二）一文。 在参考jQuery中文网站中的例子时，我发现他们在div窗口标题栏触发click事件时，将div的位置移上了一些，而mouseup的事件注册在整个div窗口上，这个思路让我很受启发，解决了鼠标移动很快而div不能跟上导致的错误，非常好的解决办法。 另外，请注...
先上个效果图，可以点击Close按钮或是在遮罩层上任意处点击，就可以关闭弹出层。HTML代码 代码如下: 标题位置 正文内容 代码很简洁。最外层是一个大的DIV作为弹出层的容器，H4作为弹出层的标题，又一个DIV用于弹出层正文内容显示，再一个Div用于放置一些按钮。 CSS代码 代码如下:.pop-box { z-index: 9999; /*这个数值要足够大，才能够显示在最上层*/ margin-bottom: 3px; display: none; position: absolute; background:...
控制表单元素： 文本框,文本区域： $("#txt").attr("value")或者$("#txt").val()//获取值 $("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox： $("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值 $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')) //判断是否已经打勾 单选组radio： $("input[ty...
下面我们来看下这个例子吧！ 代码如下: jqueryDemo:quanjiaoNum function changeNum(){ var qjNum=$("input[@name=qjNum]").val(); var toAscii=qjNum.charCodeAt(); if(toAscii > 65295 && toAscii { var toBack = 0; var temp = 0; var unite = ""; ...
1、按钮倒数10秒之后才能点击。这个效果一般在一些论坛注册时候用到比较多，废话少说，直接上代码： 代码如下: var timeOut; var count = 10; $(function() { $("#btnSubmit").attr("disabled", "disabled"); $("#btnSubmit").val("确(" + count.toString() + ")定"); timeOut = setTimeout(ButtonCount, 1000); }); ButtonCount = function() { if (count == 0) { $("#btnSubmit").attr("disabled", ""); $("#btnSubmit")....
代码如下:if (isset($_GET['jsonpcallback'])){ echo $_GET['jsonpcallback']."([{id:1,name:'aaaa1'},{id:2,name:'bbbb2'}])"; exit; } ?> $(function(){ $.ajax({ url:'http://localhost/test.php', dataType:"jsonp", jsonp:"jsonpcallback", success:function(data){ var $ul = $(""); $.each(data,function(i,v){ $("").text(v.id + " " + v.name).appendTo($ul) }); $("#res").append($ul); } }); }); JavaScript教程...
例如： 代码如下:document.getElementById("someID").innerText("hi"); 如果ID为"someID"的元素不存在，我们将得到Javascript运行错误：document.getElementById("someID") is null 正确的写法应该是： 代码如下:obj = document.getElementById("someID"); if (obj){ obj.innerText("hi"); } 那么在jQuery，我们如何判断页面元素存在与否呢？如果参照上面的传统Javascript的写法，我们第一个想到的办法一定是： 代码如下:if ($(...
代码如下:transitional.dtd"> JQuery 浮动导航栏 /* 浮动导航栏 Begin */ #floatMenu { padding-top: 5px; background: url(http://img.jb51.net/images/quickmenu.gif) no-repeat; border: 1px solid #dcdcdc; position: absolute; top: 250px; left: 5px; margin-left: 0px; width: 86px; } #floatMenu ul { margin-left: 0px; background-color:White; list-style-type: none; padding:10px } #floatMenu ul li a { displa...
我已经阅读 a 用DOM方式来判断是否被选中 代码如下: $(function(){ var $cr = $("#cr"); var cr =$cr[0]; $cr.click(function(){ if(cr.checked){ alert("谢谢注册"); } else{ alert("NO"); } }); });
#menu{width:200px;} .has{background:#00DFAA; color:#FFFBF0; cursor:pointer} .hig{background:#FF5F55; color:#2A3F55;} div{padding:0px; margin:10px 0;} div a{background:#D41FAA; display:none; float:left; width:200px;} $(document).ready(function(){ $(".has").click(function(){ $(this).addClass("hig").children("a").show().end().siblings().removeClass("hig").children("a").hide(); }); }); 第一章 ...
先看看效果来着:首先需要一个ascx页面通过一个XDocument把rss源的内容绑定到一个ListView上。代码如下: 代码如下:protected void Page_Load(object sender, EventArgs e) { // For demo purposes. System.Threading.Thread.Sleep(1000); XDocument feedXML = XDocument.Load("http://feeds.feedsky.com/csdn.net/dujingjing1230"); var feeds = from feed in feedXML.Descendants("item") select new { Title = feed.Element("titl...
代码如下: $(function(){ $("li").hover(function(){ $(this).addClass("ho"); }, function(){ $(this).removeClass("ho"); }); $("li").click(function(){ $(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi"); }); }) li{background-color:#099; float:left; width:50px; height:25px; margin-left:1px; list-style:none;} .xiaoshi{background-color:#FF0;} .ho{background-color:#F00;} ...
$("#父窗口元素ID",window.parent.document)...就行了 js 版本 view sourceprint?1.window.parent.document.getElementById()
使用 jquery 框架：下载 jquery.js 新建一个 web 工程 ajax ； 在 webRoot 下新建一个 jslib 文件夹：专门存放 js 文件； 在 webRoot 下新建一个 html/jsp 页面： login.html 代码如下: 用户校验 在 jslib 下新建一个 js 文件： verify.js ； 代码如下:function verify() { var paramObj=encodeURI(encodeURI($( "#username" ).val())); $.get( "TestSvlt?username=" +paramObj, null ,callback); } function callb...
页面滚动时随着滚动条固定在屏幕的中央，模式对话框中的内容为两种，一是iframe引入，一是HTML语句插入。在网站开发中十分常用，使用该插件十分的简单。来看一下运行效果。插件使用 1、首先引入样式文件，详细代码如下所示： 着里面的id一定不要忘记，他是用于切换插件皮肤的。 2、接着引入jQuery的js文件，具体代码如下： 3、最后引入模式对话框插件，具体代码如下： 4、编写用于点击的HTML代码，具体代码如下： 单击我--模式对...