HTML代码： 代码如下: 我是个腼腆羞涩的浮动层... JS代码： 代码如下: $.fn.smartFloat = function() { var position = function(element) { var top = element.position().top, pos = element.css("position"); $(window).scroll(function() { var scrolls = $(this).scrollTop(); if (scrolls > top) { if (window.XMLHttpRequest) { element.css({ position: "fixed", top: 0 }); } else { element.css({ top: scrolls });...
首先建一个CSS样式表 .highlight{border: 1px solid #EFA100;outline: 2px solid #FFDC97;} 然后增加如下代码 代码如下: $(document).ready(function(){ $("input[type=text]").focus(function(){ $(this).addClass("highlight") }).blur(function(){$(this).removeClass("highlight")}); }); jQuery 参考手册 - 事件JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现...
一、Jquery向aspx页面请求数据 前台页面JS代码： 代码如下: $("#Button1").bind("click", function () { $.ajax({ type: "post", url: "default.aspx", data: "name=" + $("#Text1").val(), success: function (result) { alert(result.msg); } }); }); 代码如下: 后台cs代码： 代码如下: protected void Page_Load(object sender, EventArgs e) { if (Request["name"]!=null) { Response.ContentType = "text/json"; Respo...
1前言 最近在ASP.NET中做了一个AJAX调用 : Client端先从ASP.NET Server后台取到一个页面模板，然后在页面初始化时再从Server中取一些相关数据以实现页面模板的动态显示。具体实现为： 1) Client向 ASP.NET后台发送HTTP GET 请示 2) 后台给Client发送一个HTML模板,同时在内存中存储一个XML String (包含页面模板动态显示所需的数据) 3) Client在初始化页面时，发送AJAX请求，拿到XML String 4) 利用拿到的XML String,定制化HTMl模板...
第一种写法: 代码如下: $(function(){ $("li").not(":even").css("color","red"); $("li").filter(":odd").css("color","red"); }) 第二种写法： 代码如下: $(function(){ $("li").filter(function(index) { return index%2 == 0; }).css("color","red"); $("li").not(function(index) { return index%2 !== 0; }).css("color","red"); }) 这两种写法，都可以达到一样的效果，not与filter是相反的过滤！ jQuery过滤选择器:not(...
select: 代码如下: 夺得2008年欧洲杯冠军的国家是： 请选择 德国 法国 意大利 英国 西班牙 希腊 1、判断是否选择了国家。 代码如下: if($("#nation").val()=="") { alert("请选择国家"); } 2、获取select中option项的个数。 代码如下:$("#nation").find("option").length; 3、获取选中的option的值value和显示的文本text。 代码如下://获取选中项的值 $("#nation").val(); //获取选中项显示的文本 $("#nation").f...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
1、JQuery选择器继承了CSS、path语音的部分语法，允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。 2、JQuery选择器与JavaScript相比，具有代码简单、完善的检测机制的优势。 3、使用JQuery选择器实现隔行变色，示例代码如下： 代码如下: 使用JQuery实现隔行变色 body{font-size:12px;text-align:center} #tbStu{width:260px;border:solid 1px #666;background-color:#eee} #tbStu tr{line-height:23px} #...
JQuery真的太强大了，真好看！ Jquery代码如下：代码如下: $(function () { $(".n_zyb_gzright .n_zyb_gzrightlist").hover(function () { $(this).find(".n_zyb_gzrightlistc").attr("style", "display:block").parent().siblings().find(".n_zyb_gzrightlistc").attr("style", "display:none"); })}) Html代码如下：代码如下: ...
Panel* {margin: 0;padding: 0; } body {font-size: 13px;line-height: 130%;padding: 60px } #panel {width: 60px;border: 1px solid #0050D0;height: 22px;overflow: hidden; } .head {padding: 5px;background: #96E555;cursor: pointer;width: 300px; } .content {padding: 10px;text-indent: 2em;border-top: 1px solid #0050D0;display: block;width: 280px; }$(function(){$("button:eq(0)").click(function(){$("#panel")....
代码如下:以下是本人的一些分享，我热爱编程，希望能多交编程的爱好者，如果你也是其中一名，那么请加好友，大家关注一下，下面的文章是自己觉得一些有用的东西，留下来给自己当笔记，当然也希望能帮助到你，首先感谢你的阅读~！ 如果我们在用jQuery作为客户端页面的脚本，时常都会涉及到jQuery对象和Javascript对象的相互转换。因为，DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法，但是不能...
代码如下: $(function() { $(".designerspanel").each(function(){ $(this).find(".tabspanel #show:not(:first)").hide(); }); $(".designerspanel li").click(function(){ idname=$(this).parents('.designerspanel').attr('id'); current=$("#"+idname+" li:eq(0)").attr('class'); current=current.replace("black",""); $("#"+idname+" ...
代码如下:/*放大镜*/ .ZoomMain {margin:100px;width:395px;height:460px;float:left;position:relative;} .ZoomMain .zoom {height:393px;width:393px;position:relative;border: 1px solid #dcdddd;} .ZoomMain .zoom .move{position:absolute;left:0; top:0;display:none;width:195px; height:195px;background:#000;opacity:0.2;filter:Alpha(Opacity=20);} .ZoomMain .zoomDetail{display:none;border:1px solid #DCDDDD;widt...
下面和大家分享一下具体的实现过程。 HTML标签结构:代码如下: 菜单一菜单一 菜单二菜单二 菜单三菜单三 菜单四菜单四 CSS样式：li的样式：代码如下:.animation_menu li{ /*块状模式显示，并使其水平平铺显示*/ display:block; float: left;/*宽高是背景图片的*/ width: 111px; height: 50px;/*设置文字垂直水平居中*/ line-height: 5...