逛奔的蝸牛
我不聰明,但我會很努力
:: ::
新隨筆
:: :: ::
管理
::
隨筆分類
C/C++(67)
(rss)
Cocoa(26)
(rss)
Java(186)
(rss)
Mac(126)
(rss)
OpenGL(25)
(rss)
Qt(164)
(rss)
Qt自定義Widget(12)
(rss)
Xcode(5)
(rss)
其他編程(94)
(rss)
設計模式(2)
(rss)
外語(4)
(rss)
網文(74)
(rss)
搜索
最新評論
1.?re: Java:用 Java 7 運行 IDEA 13
great post
--contact form
HTML:導航菜單 + Tab
<
html
>
<
head
>
<
meta
http-equiv
="Content-type"
content
="text/html; charset=utf-8"
>
<
title
>
Title
</
title
>
<
style
type
="text/css"
>
html, body, table
{
font-family
:
arial
;
font-size
:
14px
;
}
html
{
background
:
url(images/stom.gif)
;
}
.tab .tab-menu
{
height
:
37px
;
background
:
url(images/neck.gif)
;
}
.tab .tab-menu ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;
}
.tab .tab-menu li
{
margin
:
6px 0px 0px
;
padding
:
0px 11px 0px 0px
;
height
:
25px
;
float
:
left
;
font-size
:
14px
;
font-weight
:
bold
;
text-shadow
:
0px 1px 1px white
;
}
.tab .tab-menu li a
{
cursor
:
pointer
;
height
:
25px
;
line-height
:
25px
;
padding
:
0px 20px 0px 27px
;
display
:
block
;
/*
inline-block效果不好
*/
}
.tab .tab-menu li.over
{
opacity
:
0.6
;
}
.tab .tab-menu li.active
{
opacity
:
1.0
;
}
.tab .tab-menu li.active, .tab .tab-menu li.over
{
background
:
url(images/nav-bg-r.gif) no-repeat center right
;
}
.tab .tab-menu li.active a, .tab .tab-menu li.over a
{
color
:
white
;
text-shadow
:
0px 1px 1px black
;
background
:
url(images/nav-bg-l.gif) no-repeat left center
;
}
.tab .tab-box
{
min-height
:
100px
;
border
:
1px solid #D3D8DF
;
border-top
:
none
;
background
:
white
;
}
.hide
{
display
:
none
;
}
</
style
>
<
script
src
="js/jquery.js"
></
script
>
<
script
type
="text/javascript"
>
$(
function
() {
var
$menuLis
=
$(
"
.tab .tab-menu li
"
);
$menuLis.hover(
function
() {
$(
this
).addClass(
"
over
"
);
},
function
() {
$(
this
).removeClass(
"
over
"
);
}).click(
function
() {
$(
this
).addClass(
"
active
"
).siblings().removeClass(
"
active
"
);
var
index
=
$menuLis.index(
this
);
$(
this
).parent().parent().siblings(
"
.tab-box
"
)
.children(
"
div
"
).hide().eq(index).show();
});
});
</
script
>
</
head
>
<
body
>
<
div
class
="tab"
>
<
div
class
="tab-menu"
>
<
ul
>
<
li
class
="active"
><
a
>
Home
</
a
></
li
>
<
li
><
a
>
Portfolio
</
a
></
li
>
<
li
><
a
>
Blog
</
a
></
li
>
<
li
><
a
>
About
</
a
></
li
>
<
li
><
a
>
Goodies
</
a
></
li
>
</
ul
>
</
div
>
<
div
class
="tab-box"
>
<
div
>
Home
</
div
>
<
div
class
="hide"
>
Portfolio
</
div
>
<
div
class
="hide"
>
Blog
</
div
>
<
div
class
="hide"
>
About
</
div
>
<
div
class
="hide"
>
Goodies
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>
From: http://www.stucel.com/blog
posted on 2010-09-24 03:33
逛奔的蝸牛
閱讀(1119)
評論(0)
編輯
收藏
引用
所屬分類:
其他編程
只有注冊用戶
登錄
后才能發(fā)表評論。
【推薦】100%開源!大型工業(yè)跨平臺軟件C++源碼提供,建模,組態(tài)!
相關文章:
網文:程序員的樣子
其他編程:版本控制入門簡介
JavaScript:10 款強大的JavaScript圖表圖形插件推薦
Html:Sublime Text 2 使用的主題:Black Perl
Html:Sublime Text 2 使用的主題:Espresso Soda
Html:Sublime Text 2 的設置
Html:Sublime Text 2 – Useful Shortcuts (Mac OS X)
Html:Sublime Text 2 入門及技巧
Javascript:最漂亮的JavaScript圖表工具Highcharts
C++:浮點數的存儲方式
網站導航:
博客園
IT新聞
BlogJava
博問
Chat2DB
管理
Powered by:
C++博客
Copyright © 逛奔的蝸牛
97精品国产97久久久久久免费
|
亚洲国产精品久久电影欧美
|
久久久精品无码专区不卡
|
久久国产精品偷99
|
精品国产日韩久久亚洲
|
99久久婷婷国产综合亚洲
|
99久久夜色精品国产网站
|
中文字幕精品久久久久人妻
|
日韩精品久久久肉伦网站
|
国产精品成人久久久久久久
|
亚洲人成精品久久久久
|
国产亚洲成人久久
|
欧美一区二区三区久久综
|
亚洲国产成人久久一区久久
|
婷婷综合久久狠狠色99h
|
国产精品久久久久久久app
|
国产精品免费久久久久影院
|
亚洲AV无码久久
|
久久福利资源国产精品999
|
99精品伊人久久久大香线蕉
|
久久影院综合精品
|
狠狠色丁香久久婷婷综合
|
亚洲国产天堂久久久久久
|
国产激情久久久久影院
|
久久综合九色综合97_久久久
|
精品国产乱码久久久久久郑州公司
|
久久无码av三级
|
久久久久亚洲AV无码网站
|
少妇人妻88久久中文字幕
|
久久久亚洲欧洲日产国码是AV
|
久久综合色区
|
久久精品无码av
|
四虎久久影院
|
久久天天躁夜夜躁狠狠
|
伊人久久成人成综合网222
|
亚洲七七久久精品中文国产
|
日本高清无卡码一区二区久久
|
美女久久久久久
|
久久综合久久性久99毛片
|
无码精品久久一区二区三区
|
久久综合亚洲色HEZYO国产
|