Berryz.cn的论坛Title设计 -- SEASONZ.SUMMER
作者:Aion 日期:2006-05-02 23:56
CSS 实现的图片大小自适应
作者:Aion 日期:2006-05-01 09:24
以前的解决方法主要是利用js来实现。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。
下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft（没有它就不必有这么啰嗦的代码了^_^）。
固定像素适应:
CODE:
百分比适应:
CODE:
下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft（没有它就不必有这么啰嗦的代码了^_^）。
固定像素适应:
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 auto;
width:800px;
padding:0;
border:1px solid #333;
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth > 780? "780px": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://www.anycc.com/pic/content/Design/Personal.Design/Angel.down.JPG" alt="感谢Anycc.com被我盗链图片！"/>
</div>
</body>
</html>
百分比适应:
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 auto;
width:800px;
padding:0;
border:1px solid #333;
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://www.anycc.com/pic/content/Design/Personal.Design/Angel.down.JPG" alt="感谢Anycc.com被我盗链图片！"/>
</div>
</body>
</html>
标签: CSS
用css实现表格元素的颜色间变
作者:Aion 日期:2006-05-01 09:21
用css实现表格行交替变色 方法一：
CODE:
用css实现表格行交替变色 方法二：
CODE:
用css实现单元格交替变色
CODE:
<style>
.db { border-collapse:collapse;}
.db tr{ background-color:expression('#dbdbdb,#EFEFEF'.split(',')[rowIndex%2]); }
</style>
<table width="100%" border="1" class="db">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
用css实现表格行交替变色 方法二：
CODE:
<style by tesion.>
th {font-weight: normal; text-align:left; background: #CCCCCC}
td {background: #FAFAFA}
</style>
<table>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
</table>
用css实现单元格交替变色
标签: CSS
Apr.30.2005 something
作者:Aion 日期:2006-04-30 14:55
假期。发现如此期盼假期起来。可以兑现懒觉宣言，暂时和腰酸背痛脱离关系，实在是一件值得期待的事情。暂且不谈什么煞风景的毕业设计工作学习之类的话，至少能回家几天尝到久违的味道，赖在松软的床上不必但担心迟到...天哪，五一如此美好...
昨天晚上挂在网上，和人聊天。最近认识一个人，名字很有意思，同样人也很特别。名字叫：小恶魔...Faint，这个词汇曾经用来称呼过一个朋友... >_< 说真的，此时此刻的状态写不出和她聊天时候的感觉，就好像马上要放假了很涣散的忘掉了昨天种种的情绪...
她是一个很特别的，或者说曾经受过伤害，现在用很特别的眼光看待这个世界的人。现实而又不现实的矛盾，真与假的生活，自由与束缚的游戏。每每看她BLOG的时候都去想这个世界原来的样子。其实聊天也是积极的，至少都是鼓励我好好的对待自己的生活。有一些话很对，人么，不为自己，能为谁？能为得了谁？如果不懂得让自己过得好，就如同以
昨天晚上挂在网上，和人聊天。最近认识一个人，名字很有意思，同样人也很特别。名字叫：小恶魔...Faint，这个词汇曾经用来称呼过一个朋友... >_< 说真的，此时此刻的状态写不出和她聊天时候的感觉，就好像马上要放假了很涣散的忘掉了昨天种种的情绪...
她是一个很特别的，或者说曾经受过伤害，现在用很特别的眼光看待这个世界的人。现实而又不现实的矛盾，真与假的生活，自由与束缚的游戏。每每看她BLOG的时候都去想这个世界原来的样子。其实聊天也是积极的，至少都是鼓励我好好的对待自己的生活。有一些话很对，人么，不为自己，能为谁？能为得了谁？如果不懂得让自己过得好，就如同以
用javascript进行拖拽
作者:Aion 日期:2006-04-30 09:26
Endless Story --伊藤由奈 [ NANA 世上的另一个我 OST ]
作者:Aion 日期:2006-04-28 18:54
[wma=450,70]http://photo.eastgame.net/tongluoweimen/ENDLESS_STORY.mp3[/wma]
词曲:dawn ann thomas
演唱:伊藤由奈
伊藤由奈-endless stoty
if you haven't change your mind
そばにいてほしいよ tonight
强がることに疲れたの
幼すぎたの everytime i think about you baby
今なら言える i miss you
it is hard to say i'm sorry
たとえば谁かのためじゃなくあなたのために
歌いたいこの歌を
终わらないstory綼くこの辉さに
always 传えたいずっ
词曲:dawn ann thomas
演唱:伊藤由奈
伊藤由奈-endless stoty
if you haven't change your mind
そばにいてほしいよ tonight
强がることに疲れたの
幼すぎたの everytime i think about you baby
今なら言える i miss you
it is hard to say i'm sorry
たとえば谁かのためじゃなくあなたのために
歌いたいこの歌を
终わらないstory綼くこの辉さに
always 传えたいずっ
FIRST KISS -- あぁ！
作者:Aion 日期:2006-04-27 22:53
[wma=450,70]http://202.101.165.251:83/show/30mp3/20060313060856_318105_1956438399.mp3[/wma]
どうして 恋人になれないの？
じゃ どうして 口づけをしたの？ あの夜
他に 好きな人がいたの 私
なのに 心奪われた
いつもの仲間と一緒に ドライブしたり
賑やかなままがよかった
あのキスで 変わった
あなたをまっすぐ見れない
みんなとのバカ話も笑えない
自然に話しかけてく
あなたが怖い
あの夜に ねえ 戻して
口付けの 前に 戻して
どうして 二人では会えないの？
じゃ どうして 電話してくるの？ たまに
別に はじめてじゃないってことで
みんなにそう言ってるし...
どうして 恋人になれないの？
じゃ どうして 口づけをしたの？ あの夜
他に 好きな人がいたの 私
なのに 心奪われた
いつもの仲間と一緒に ドライブしたり
賑やかなままがよかった
あのキスで 変わった
あなたをまっすぐ見れない
みんなとのバカ話も笑えない
自然に話しかけてく
あなたが怖い
あの夜に ねえ 戻して
口付けの 前に 戻して
どうして 二人では会えないの？
じゃ どうして 電話してくるの？ たまに
別に はじめてじゃないってことで
みんなにそう言ってるし...
标签: JP.POP
