非侵入实现，控制更方便 效果图： 代码如下: javascript practice table{width:300px;} caption{background:#DCA;} th{background:#FCA;width:50%;} td{text-align:center;} $(document).ready(function(){ odd= {"background":"#EDA","color":"#3F5"};//奇数样式 even={"background":"#2DA","color":"#875"};//偶数样式 odd_even("#table_test",odd,even); }); function odd_even(id,odd,even){ $(id).find("tr").each(f...
不多说了，上码 action 代码如下: package com.lk.action; import javax.annotation.Resource; import com.googlecode.jsonplugin.annotations.JSON; import com.lk.service.StudentControl; import com.opensymphony.xwork2.ActionSupport; public class LoginAjaxAction extends ActionSupport { private String username; private StudentControl studentControl; @JSON(serialize=false) //setStudentControl利用了spring，很...
demo01.htm 代码如下: 方向反馈 html,body{margin:0;padding:50px;} #wrap{position:relative;width:400px;height:300px;background:#33aa00;margin:50px;display:inline-block;font-size:50px;text-align:center;line-height:300px;overflow:hidden;} 方向反馈 反馈方向 $(document).ready(function(){ $.rollingMask({ objId:"wrap", content:$("#result").html() }); }); rollingMask-0.1.0.js 代码如下: /...
需要jQuery -detach 后的dom 结构或某个值 。 代码如下: var obj = ''; setTimeout(function(){ obj=jQuery("#showtime").detach() ; // 需要用jquery转换一下。 },1000) ; function showDetach(){ alert(jQuery(obj).val()) ; } JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.j...
1.链接 代码如下: 'c_06c','onclick'=>'return art_del_confirm("/company/msglog/delete/id/'.$data->zml_id.'","你确定要删除这条消息吗？")'))?> 2.jq 代码如下: //单项删除确认框 function art_del_confirm(url,message){ message = message?message:'你确定要删除这条数据吗？'; art.dialog({ title: '确认删除', okValue:'确认', cancelValue:'取消', width: 230, height: 100, fixed: true, content: message, ok: func...
自从Pinterest使用了一种新的方式布局取得成功之后，从此互联网出现了布局潮流，我们把他叫做瀑布流！！在互联网流行起来，从国外到国内普遍存在。国内现有美丽说，蘑菇街，花瓣等代表的网站。 瀑布流是流行一段时间了，现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多，并且有是一个juqery的插件masonry，插件地址：http://masonry.desandro.com/ 先使用css把一个网页按照从上到下的方式布局好。 使用起来更是...
做项目时，客户提出这样一个要求，在列表中的文本框里输入数据时，要能够通过上下左右键来切换光标，按回车键就把光标移到下一个文本框。这样就省得一直去用鼠标了，操作起来更方便。 不废话，上代码。 代码如下: EnableModelValidation="True" Width="100%" PagerStyle-HorizontalAlign="Center"> "> 57) event.returnValue = false;" MaxLength="5"> 代码如下: jquery代码 $(function() { $("input").eq...
网页中有时候需要获得图片的宽度和高度，来定义某些大小，可是这个是需要从服务端请求图片，下载到本地才能够得到的，有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢？jquery提供一个方法： 代码如下: 01.$("").load(function(){...}); 其中选择器是图片的id或class，function里面的方法就是回调函数，在图片加载完成后执行，但是我试验了很多，压根儿不是那么回事，正确的解决方法是： 用js的onload方法： 代码如...
JS部份 代码如下: $(function(){ var $this = $(".renav"); var scrollTimer; $this.hover(function(){ clearInterval(scrollTimer); },function(){ scrollTimer = setInterval(function(){ scrollNews( $this ); }, 2000 ); }).trigger("mouseout"); }); function scrollNews(obj){ var $self = obj.find("ul:first"); var lineHeight = $self.find("li:first").height(); $self.animate({ "margin-top" : -lineHeight +"px" },6...
代码如下: .content { border: 1px solid #ccc; width: 440px; overflow: hidden; margin: 10px; } $(document).ready(function() { if ($('#content').height() > 400) $('#content').height(400); $('#bigger').toggle(function() { $('#content').height($('#content').height() + 100); $('#bigger').html('缩小'); }, function() { $('#content').height($('#content').height() - 100); $('#bigger').html('放大'); }...
其实主要是jquery 层选择器的应用，jquery 高手可以跳过。。。 网易相册效果图如下：当鼠标移动经过照片就显示“设为封面｜删除”，移开后就隐藏，此效果在web开发中经常会用到。故总结一下直接上代码： 代码如下: Insert title here .al_info{display: none;} #imgdiv {float: left;width: 170px;height: 130px; display: block; padding:15px 10px;} #imgdiv img{width:160px;height:140px;} jQuery(document).ready(fun...
使用jquery动态加载js，css文件 代码如下: $.extend({ includePath: , include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att = name.split(.); var ext = att[att.length - 1].toLowerCase(); var isCSS = ext == "css"; var tag = isCSS ? "link" : "script"; var attr = isCSS ? " type=text/css re...
代码如下: #img1 { width: 500px; height: 400px; border: solid 1px #ccc; display:none; } $(document).ready(function () { $('#Button1').click(function () { $('#img1').show(5000); }); $('#Button2').click(function () { $('#img1').hide(5000); }) $('#Button3').click(function () { $('#img1').fadeIn(2000); }) $('#Button4').click(function () { $('#img1').fadeOut(1000); }) }) JavaScript教程...
代码如下: .imgclass { height:200px; width:200px; } .imgclass1 { width:210px; height:210px; } table tr td { width:250px; height:250px; } $(function () { $('#Button1').click(function () { // 获取的是所有类型(tagname)为img的元素 // $('img').show(3000); // $('img').hide(3000); // //获取的是所有class属性的值为“imgclass”的元素 // $('.imgclass').hide(3000); // $('.imgclass').show(3000); // $("#...
代码如下: $('#txtUserName').focus(function () { $('#txtUserName').val(''); }) $('#txtPassWord').focus(function () { $('#txtPassWord').val(''); }) $('#txtUserName').blur(function () { if ($('#txtUserName').val() =='') { $('#txtUserName').val('用户名不能为空'); //重新获得焦点 // $('#txtUserName').focus(); } }) $('#txtPassWord').blur(function () { if ($('#txtPassWord').val() == '') { $('#txtPassWor...