![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网站前端效果
苍羽
这个作者很懒,什么都没留下…
展开
-
CSS透明背景
#div2 { height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff; }原创 2014-04-30 09:49:09 · 267 阅读 · 0 评论 -
jQuery操作<input type="checkbox">
: 2012欧洲杯"死亡之组"小组出线的国家队是: 德国 丹麦 荷兰 葡萄牙 1、小组第一名和第二名出线,所以要限制只能选两项。var len = $("input[name='nation']:checked").length;if(len==0) { alert("请选择出线的国家队!"); return false;}else转载 2014-06-04 16:05:00 · 397 阅读 · 0 评论 -
jQuery操作<select>
:夺得2008年欧洲杯冠军的国家是: 请选择 德国 法国 意大利 英国 西班牙 希腊 1、判断是否选择了国家。if($("#nation").val()=="") { alert("请选择国家");} 2、获取select中o转载 2014-06-04 16:07:43 · 320 阅读 · 0 评论 -
使用ajax()方法和后台交互
ajax()方法是jQuery底层的ajax实现,通过HTTP请求加载远程数据。 1 $.ajax({ 2 type: "GET", 3 url: "handleAjaxRequest.action", 4 data: {paramKey:paramValue}, 5 async: true, 6转载 2014-06-04 16:15:16 · 403 阅读 · 0 评论 -
jQuery操作<input type="radio">
如下:北京天津南京扬州苏州 1、获取选中的radio的值:$("input[name='city']:checked").val(); 使用元素选择器,再使用属性过滤器name='city',最后使用:checked选取被选中的元素。 2、给指定值的radio设置选中状态:$("input[name='city'][valu转载 2014-06-04 15:50:27 · 438 阅读 · 0 评论 -
jQuery动态添加<input type="file">
有时候需要在页面上允许用户上传多个文件,个数由用户自己决定,个数多了也可以删除,使用jQuery可以很简单的实现这个功能。DOCTYPE html>html> head> title>test.htmltitle> meta http-equiv="content-type" content="text/html; charset=UTF-8"> scri转载 2014-06-04 16:08:29 · 594 阅读 · 0 评论 -
jQuery 定时局部刷新(setInterval)
$(document).ready(function () { setInterval("startRequest()",1000); }); function startRequest() { $("#date").text((new Date()).toString()); }转载 2014-06-17 08:32:57 · 483 阅读 · 0 评论 -
jquery ajaxSubmit 异步提交的简单实现
这篇文章主要介绍了jquery ajaxSubmit 异步提交的简单实现。需要的朋友可以过来参考下,希望对大家有所帮助前台js详细出处参考:http://www.jb51.net/article/47391.htm详细出处参考:http://www.jb51.net/article/47391.htm转载 2014-06-17 09:12:35 · 834 阅读 · 0 评论 -
jquery ajax 局部刷新小案例
function getOtherMessage(){ $.ajax({ type:"post", url:"${pageContext.request.contextPath}/getOtherMessage.do", success:function(msg){ $("#view").html(msg); }, error:function(){ alert("wrong");转载 2014-06-17 08:34:38 · 397 阅读 · 0 评论 -
jquery ajax 局部刷新小案例
function getOtherMessage(){ $.ajax({ type:"post", url:"${pageContext.request.contextPath}/getOtherMessage.do", success:function(msg){ $("#view").html(msg); }, error:function(){ alert("wrong");转载 2014-06-17 09:14:12 · 547 阅读 · 0 评论 -
判断多个<input type="file">是否有已经选择好文件的
表单中有多个,提交表单时需要判断其中至少要有一个input已经选择好文件。 1 input type="file" name="uploadfile" contentEditable="false" style="width:80%">br>2 input type="file" name="uploadfile" contentEditable="false" style="wi转载 2014-06-04 16:12:38 · 1232 阅读 · 0 评论 -
实现全屏按比例缩放背景图片(CSS,CSS+JQuery或JQuery)
很多网站是全背景图片的,而且适应各种主流分辨率,给人一种干净大气的感觉,实属设计派的一个耍酷良方,下面介绍几种实现全屏图片自适应缩放背景图片的方法。帅气简单的CSS3方法首先我们要感谢CSS3的 backgroud-size 属性。我们只需要使用@html@定义,设置一个固定居中的背景,然后通过 background-size 来调整,代码如下:html { back转载 2014-05-07 15:50:34 · 1892 阅读 · 0 评论 -
js离开当前页面前判断条件提示是否要离开页面
window.onbeforeunload=function (event){ var evt = event || window.event; evt.returnValue = "你确定要离开当前页面吗?";}原创 2014-04-30 11:18:59 · 1147 阅读 · 1 评论 -
Google的Jquery地址
1. 很多网站都是使用这种方式引入,客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的,速度更快… 2. Google code 使用了 cdn 技术在很多地方有节点服务器,加载 jquery 时绝对不会比在你服务器上加载慢,本地服务器除外 : ) 3. 可以节省服务器流量,降低服务器带宽压力 可以使用两种方式引用 google code 的jquery 一、引用转载 2014-04-30 15:34:19 · 588 阅读 · 0 评论 -
JQUERY 表单异步提交
JQUERY 表单异步提交 $(document).ready(function() { $('#myform').submit(function(){ jQuery.ajax({ url: "AsynchronousForm.action", // 提交的转载 2014-04-30 15:54:47 · 431 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-3转载 2014-04-30 18:12:55 · 255 阅读 · 0 评论 -
Js 判断字符串中包含某段字符串
indexOf原创 2014-04-16 16:49:10 · 566 阅读 · 0 评论 -
灵活运用ajax的方法beforeSend改善用户体验
我们知道,开源框架jquery的API—— jquery.ajax中有一个方法beforeSend,用于在向服务器发送请求前添加一些处理函数。这是一个ajax事件,在ajax请求开始之前就被触发,通常允许用户修改XMLHttpRequest对象(比如说设置附加的头部信息),关于ajax事件的解释可参考文档:http://docs.jquery.com/Ajax_Events 这里我转载 2014-05-04 13:34:10 · 354 阅读 · 0 评论 -
jquery展开、收缩列表
jquery展开、收缩 // 收缩展开效果 $(document).ready(function(){ $(".box h2").toggle(function(){ $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); },function(){ $(this转载 2014-05-05 15:51:27 · 892 阅读 · 0 评论 -
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js转载 2014-05-06 14:44:12 · 1173 阅读 · 0 评论 -
指定CSS和JS文件的编码格式
zhi原创 2014-05-07 14:31:48 · 793 阅读 · 0 评论 -
jquery JSON的解析方式 详细出处参考:http://www.jb51.net/article/19366.htm
第一次用JSON作为jquery异步请求的传输对象,结果在jquery请求后返回的结果是字符串还是json对象上折腾了半天。等到问题解决了,也大致明白怎么个意思了,归根结底还是对jquery对相关json对象获取的理解有所偏差。这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首转载 2014-06-17 09:16:21 · 1079 阅读 · 0 评论