前台开发
文章平均质量分 82
sangfei_no1
不知道是否正确的时候,往下走,就会有结果
展开
-
jQuery方法区别:click() bind() live() delegate()区别
click(),bind(),live()都是执行事件时使用的方法,他们之前是有一些区别的,我们在使用这些方法时应该根据需要进行选择。1.click()方法是我们经常使用的单击事件方法:$("a").click(function() { alert("hello");});当点击时,输出hello。2.click()方法是bind()方法的一种简转载 2015-06-15 14:31:47 · 608 阅读 · 0 评论 -
jsonArray 的遍历
private String json = "{\"address\":\"cc\",\"person\":\"Lily\","+ "\"body\":\"发送短信成功\",\"id\":22,\"datetime\":\"2014-02-23\"}," + "{\"address\":\"cc\",\"person\":\"Lily\","+ "\"body\":\原创 2014-06-25 14:04:01 · 1401 阅读 · 0 评论 -
jsp两种包含方式
jsp中存在两种文件的包含指令1、2、第一种是先包含再处理 它是一种静态的包含指令,不管其文件内容如何只是将其所包含的页面内容包含进来。第二种是先处理再包含 它是动态的包含指令,能自动区分所包含的是静态页面还是动态页面执行时,如果被包含文件(资源文件)为静态文件,则与执行效果一样,如果资源文件为动态文件,则先让资源文件处理自身所包含内容,再把处理结果包含进来。转载 2014-03-25 13:14:21 · 656 阅读 · 0 评论 -
IE对于overflow:hidden;及其它CSS属性不兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并 整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。1.对于在IE下不兼容overflow:hidden;而FF下兼容的情况加一个 posi转载 2014-03-25 15:21:41 · 1074 阅读 · 0 评论 -
js实现俄罗斯方块
var domain="www.zuidaima.com";var author="zuidaima";var map=eval("["+Array(23).join("0x801,")+"0xfff]");var tatris=[[0x6600],[0x2222,0xf00],[0xc600,0x2640],[0x6c00,0x4620],[0x4460,0x2e0,0x6220,0x74转载 2014-04-02 08:44:48 · 771 阅读 · 0 评论 -
jstl 标签
JSTL 核心标签库标签共有13个,功能上分为4类:1.表达式控制标签:out、set、remove、catch2.流程控制标签:if、choose、when、otherwise3.循环标签:forEach、forTokens4.URL操作标签:import、url、redirect使用标签时,一定要在jsp文件头加入以下代码:@taglib pre转载 2014-03-14 15:52:04 · 494 阅读 · 0 评论 -
用jstl 实现翻页
@pagelanguage="java"contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>@taglibprefix="c" uri = "http://java.sun.com/jsp/jstl/core"%>@pageimport="java.util.Lis转载 2014-03-04 11:04:26 · 710 阅读 · 0 评论 -
HTML5资源教程
http://www.html5tricks.com/ 纯 CSS 样式,特别好看!转载 2014-02-20 16:28:06 · 690 阅读 · 0 评论 -
js 特效一 字体滚动
js滚动效果var demo = document.getElementById("demo");var demo1 = document.getElementById("demo1");var demo2 = document.getElementById("demo2");var speed=10;var nnn=200/demo1.offsetHeight;原创 2014-02-19 22:50:18 · 704 阅读 · 0 评论 -
js table 单元格合并
下面第二张图是正常的效果,现在当公共交通一月份和二月份都有值的时候,需要合并单元格,具体代码如下: 照片月统计管理 .sort{color:#0663A2;cursor:pointer;} $(document).ready(function(){ var arr2=[['1','1月'],['2','2月'],['3','3月'],['4','4月'],['5',原创 2014-02-20 11:33:02 · 1257 阅读 · 0 评论 -
js 数字的比较
js 是弱脚本语言,当18 和 8比较的时候,它会认为 8大,所以,在js 中比较的时候,必须把var 类型的东西转化为 int 实例: function check() { var num1=document.form1.num1.value; var num2=document.form1.num2.valu原创 2014-02-20 10:55:07 · 774 阅读 · 0 评论 -
c:forEach 嵌套循环
<table class='table table-striped table-bordered table-condensed droppable' id="${videolist.typeId}dddd"> ${videolist.typeName} <a href="原创 2014-07-08 08:47:04 · 3380 阅读 · 0 评论 -
jquery eaayui 学习datagrid
1.html:1input type="button" id="btn" value="datagrid" />2 table id="tt">table>2.js:01$("#btn").click(function(){原创 2014-07-10 09:20:40 · 827 阅读 · 0 评论 -
基于jQuery的TreeGrid组件详解
一、TreeGrid组件相关的类 1、TreeGrid(_config) _config:json格式的数据,组件所需要的数据都通过该参数提供。 2、TreeGridItem(_root, _rowId, _rowIndex, _rowData) _root:显示组件实例的目标容器对象。转载 2014-07-10 08:47:56 · 1021 阅读 · 0 评论 -
jqueyr proxy()
JQuery.proxy(function,context):使用context代替function中的context。比如:var you = { type: "person", test: function(event) { $("#log").append( this.type + " " ); }$("#test"转载 2015-06-15 11:35:28 · 448 阅读 · 0 评论 -
移动端webapp应对不同屏幕尺寸
移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案。一、基本概念(1) CSS pixels与device pixelsCSS pixels:浏览器使用的抽象单位, 主要用来在网页上绘制内容。device pixe转载 2015-06-11 16:07:45 · 1205 阅读 · 0 评论 -
IE8 透明度兼容性
FILTER:progid:DXImageTransform.Microsoft.Gradient使用 语法: filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 属性: enabled:可选项。布尔值(Boolean)转载 2015-06-01 11:11:26 · 1031 阅读 · 0 评论 -
jquery 自带的提示样式
//====================================以下为测试函数=======================================//function test1(){ scscms_alert("默认提示信息");}function test2(){ scscms_alert("成功提示信息","ok");}function te原创 2014-11-25 11:43:56 · 890 阅读 · 0 评论 -
js 返回上一页
返回上一页原创 2014-11-26 15:40:47 · 473 阅读 · 0 评论 -
img src 和src-data
data-src="${ctx}/themes/img/profiles/avatar_small.jpg" data-src-retina="${ctx}/themes/img/profiles/avatar_small2x.jpg" width="35" height="35" />src 直接获取路径src-data js原创 2014-11-26 15:33:39 · 5731 阅读 · 0 评论 -
js 实现统计网站访问量
把如下代码粘贴到html中即可:var caution = falsefunction setCookie(name, value, expires, path, domain, secure) {var curCookie = name + "=" + escape(value) +((expires) ? "; expires=" + expires.toGMTSt原创 2014-10-16 10:48:59 · 5767 阅读 · 0 评论 -
java 网站访问量的简单统计(防止刷新)
RecordCount.java import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.IOException;import java.util.Prope转载 2014-10-16 08:55:20 · 4330 阅读 · 0 评论 -
各大浏览器 CSS3 和 HTML5 兼容速查表
1各大浏览器CSS3和HTML5兼容速查表(一) 不知不觉中,支持 CSS3 和 HTML5 的浏览器变得越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。 需要指出的是,即使同一个浏览器的同一个转载 2014-09-30 10:18:20 · 809 阅读 · 0 评论 -
导航栏自适应问题
white-space::nowrap;这条规则的含义是,单词在空白处不换行 HomeContact UsWeb DevWeb DesignMap接下来设置#menu容器。由于宽度自动水平适用,所以不用设置。代码如下:#menu {font-family:Arial, Helvetica, sans-serif;font-size:14px原创 2014-09-28 14:01:46 · 810 阅读 · 0 评论 -
jquery ui drop
下面的代码只是单行的拖拽,我实现的是多行的拖拽,把选中的行放在一个 map 里面,当drap 的时候,加一张图片,却不是真正的去拖所有的元素,当放到目标区域的时候,刷新页面。这样的话,就实现了 多行拖拽。jQuery(function($) {//全选 或者全不选择 执行的操作$("#btn").click(function() {if ($(th原创 2014-02-18 10:35:26 · 862 阅读 · 0 评论 -
Js实现Ctrl+S/Ctrl+N/Ctrl+Z提交/撤销/新建/附:Keycode常数表
//Ctrl+s保存function document.onkeydown() { if (event.ctrlKey == true && event.keyCode == 83) {//Ctrl+S event.returnvalue = false; $("btnSave").click(); //ID } if (转载 2014-02-18 10:11:53 · 5268 阅读 · 1 评论 -
ctrl 多选
Testul{list-style-type:none;}.selected { color:#fff; background:#66a;} Item 0 Item 1 Item 2 Item 3 Item 4 Item 5function do_click(event) {转载 2014-02-18 10:31:01 · 1073 阅读 · 0 评论 -
Ztree 异步加载值的改变
$(document).ready(function(){var tree = $.fn.zTree.getZTreeObj("treeDemo");var id=$("#flag").val();//后台传回来的id var ids = id.split(",");for(var i=0; ivar node = tree.getNodeByParam("id",原创 2014-01-03 16:10:36 · 910 阅读 · 0 评论 -
jPlayer 详解
下载官网:http://www.jplayer.org/当前版本:2.3.0功能:视频播放(可全屏)、音乐播放全部原教程,说明并不详细,要结合查看其网页源代码来学习:http://www.jplayer.org/latest/demos/备注:文件夹里blue.monday和pink.flag和circle.skin三个文件夹里是三种播放器皮肤(及PSD文件),任选一种。样式文件和转载 2014-01-09 15:34:31 · 1672 阅读 · 0 评论 -
table 大全
这几天和table 干上了,做了好几天的视频播放,视频列表的值只能在前台传递,所以就运用了 table 的各种属性,今天来总结一下子。1. Object obj.css("backgroud-color","red").siblings().css("backgroud-color","red");//设置自己的颜色为红色,其他的同类的颜色是白色siblings() 获得匹配集合中每个元素转载 2014-01-13 11:06:43 · 706 阅读 · 0 评论 -
jquery 隐藏和显示效果
项目今天完成了,我觉得自己的代码能力还差很多,给自己定下的目标:1,加强算法训练(自己解决问题的能力有限) 2.加强对前台的练习下面是我今天总结的jquery 的一些特别有用的属性1.隐藏和显示$("#hide").click(function(){ $("p").hide();});$(原创 2014-01-13 12:53:49 · 777 阅读 · 0 评论 -
ajax 的最完整的写法
转$(document).ready(function(){ $.ajax({ url: '', //请求的url地址 //dataType:"json", //返回格式为json dataType:"html", //返回格式为json async:true,//请求是否异步,默认为异步,这转载 2013-12-18 23:18:35 · 1468 阅读 · 2 评论 -
javaScript 的小技巧
大家都知道,全世界来说JavaScript是超流行的编程语言之一,开发者用它不仅可以开发出炫丽的Web程序,还可以用它来开发一些移动应用程序(如 PhoneGap或Appcelerator),甚至是服务端应用,比如NodeJS、Wakanda以及其它实现。此外,许多开发者都会把 JavaScript选为入门语言,使用它来做一些基本的弹出窗口等。在本篇文章中,我们将会向大家分享JavaScr转载 2014-01-06 20:36:24 · 674 阅读 · 0 评论 -
js 字符串
js 字符串的简单地方法:1. 计算字符串的长度var txt="Hello world"document.write("txt.lenght");document .write(txt.toUpperCase());2 index()var str="Hello world!"document.write(str.indexOf("Hello") + "")原创 2014-01-14 08:51:24 · 567 阅读 · 0 评论 -
java script cookie
cookie 用来识别用户1.创建一个欢迎的cookiefunction getCookie(c_name){if (document.cookie.length>0){ c_start=document.cookie.indexOf(c_name + "=")if (c_start!=-1){ c_start=c_start + c_name.le原创 2014-01-14 09:26:47 · 1028 阅读 · 0 评论 -
javaScript 事件汇总
表3-1 JavaScript事件汇总事 件触发时机一般事件onclick鼠标单击时触发此事件ondblclick鼠标双击时触发此事件onmousedown按下鼠标时触发此事件onmouseup鼠标按下后松开鼠标时触发此事件onmouseover转载 2014-01-21 10:12:37 · 646 阅读 · 0 评论 -
js 时间的转化
用fmt 标签!原创 2014-01-03 10:25:22 · 673 阅读 · 0 评论 -
json 值转换
这几天工作中 用到了很多json 对json 也是从陌生到熟悉,几天忙里偷闲,对json 进行了以下总结: $.ajax({async : false,cache : false,type : 'POST',dataType : "json",url :原创 2014-01-02 16:50:34 · 726 阅读 · 0 评论 -
eclipse 去掉 所有 断点
eclipse 去掉 所有 断点 使用说明:在Debug视图下右上角有Variables,Breakpoints,Expressions 在Breakpoints Tab中选择remove all breakpointwindow ----- show View ---- Variables,Breakpoints原创 2014-01-15 10:26:58 · 740 阅读 · 0 评论 -
jquery 8中特效
jQuery非常棒,让很多前端开发者都十分心动,通过结合CSS3技术,会让我们的页面变得更加绚丽多彩。下面向大家分享8款让前端开发者心动的jQuery/CSS3应用。 1、jQuery小盒子菜单 这是一款富有特色的jQuery菜单,菜单有典雅的背景,点击菜单项时可以动画展开子菜单。 在线演示 / 源码下载 2、CSS3 图片3D旋转相册 这是一款非常酷的CSS3相转载 2014-01-15 15:49:40 · 829 阅读 · 0 评论