m47cat
- 浏览: 12274 次
-
最新评论
文章列表
按照apple-like login form 做了一个css3 3d 翻牌的效果
link: http://demo.tutorialzine.com/2012/02/apple-like-login-form/
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
margin: 0;
padding: 0;
}
.login_content{
position: relative;
margin: 0 auto;
hei ...
1.
直接在url后拼入参数
传参：
window.location = "to.jsp?id=1"
取参：
request.getParameter("id")
2.
提交表单传参
传参：
from.jsp:
<form id="fromForm" action="">
<input name="name"/>
</form>
取参：
通过getter/setter方法
tbd
（1）jsp:param
它可以实现主页面向包含页面传递参数，如下：
&l ...
要做一个水平 竖直都居中的placeholder，并且过长时有自动换行
1.把外层container的display设为table，里层设为table-cell，并对里层设置vertical-align:middle实现垂直居中。
2.padding和border：
实际所占宽度=width+padding+margin+border
3.border本来设置在外层，但input获取焦点后重设border时不方便。。。于是设到里层
4.对手机去除自带样式可用appearance:none; -webkit-appearance:none;
<!DOCTYPE html><h ...
参考http://blog.sina.com.cn/s/blog_4fe24bbf0100gsww.html
的第二种做日期的格式化
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<script>
Date.prototy ...
光标在文本上时文本变为输入框，圆角+阴影效果，按照网上的例子，对文本加上
.createFolderBorder{
width:195px;
border: 2px solid #ececec;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 0 0 3px #333; //边框阴影
-webkit-box-shadow: 8px;
-moz-box-shadow: 8px;
// background ...
照网上的例子做了动态加载进度条的例子，用一张背景图+一张进度条的图片，通过
$("#id").css("width", width)设置进度条长度。
但是长度过短时会将右边的圆角遮住，于是把进度条的图片改成三张，左圆角，中间（长度变化），右圆角。mark一下
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/j ...
用css实现对话框箭头效果 mark一下
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
.test{
width:300px;
top:20px;
padding:30px 20px;
border:5px solid #beceeb;
position:relative;
}
.test span{
widt ...