阳光不锈

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: :: :: 管理 ::

随笔分类 -  css

摘要:菜单高亮效果是每个网页经常采用的设计方式,它能有效地让用户知道自己当前所在的栏目。这也是我经常采用的方式,一般的网页至少都有两级菜单,第一个是顶部的总导航条菜单,另一个是左侧的分类导航菜单。一般要求在一级菜单高亮下二级菜单也能记录当前状态。对于一个包含顶部菜单的页头区域如果固定不变的,也就是它不用每次都重新加载,这种情况下用纯CSS或JS方式可以很容易地实现,但今天我要谈的不是这种,今天说的是一级... 阅读全文
posted @ 2009-08-18 16:56 靳小透 阅读(457) 评论(0) 推荐(0) 编辑

摘要:<input type="button" onclick="location.href='http://www.lemongtree.net/';" value="GO"> 阅读全文
posted @ 2009-07-07 15:38 靳小透 阅读(530) 评论(0) 推荐(0) 编辑

摘要:原文 http://natbat.net/2009/Jun/10/styling-buttons-as-links/A common mistake that many developers make is to use a link to trigger an action on the server, for example deleting an item from a shopping b... 阅读全文
posted @ 2009-07-01 09:42 靳小透 阅读(648) 评论(1) 推荐(0) 编辑

摘要:##################################################################鼠标经过变色+表格交替显色 阅读全文
posted @ 2009-06-10 10:21 靳小透 阅读(194) 评论(0) 推荐(0) 编辑

摘要:本实例使用JavaScript制作一个让鼠标悬停来控制开关窗口的例子,当鼠标悬停在链接上时指定的窗口就会打开,当鼠标离开后窗口会自动关闭。具体实现代码如下:……<script language="JavaScript"> function winopen(){<!--设置打开的窗口-->msg1=open("xxx.htm","Homepage","... 阅读全文
posted @ 2009-06-06 14:51 靳小透 阅读(222) 评论(0) 推荐(0) 编辑

摘要:CSS代码<style type="text/css"> <!-- body {font:normal 12px Verdana} a#tip {position:relative;left:75px; font-weight:bold;} a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block}... 阅读全文
posted @ 2009-06-06 14:50 靳小透 阅读(234) 评论(0) 推荐(0) 编辑

摘要:#dataDiv table { margin:0; padding:0; font-family:arial; font-size:inherit; border-collapse:collapse; border:1px solid #7F7F7F; width:100%; }/*表头*/#dataDiv th { text-decoration:none; color:white; ve... 阅读全文
posted @ 2009-05-13 14:27 靳小透 阅读(153) 评论(0) 推荐(0) 编辑

摘要:div写多了,偶尔遇到table现在还觉得麻烦,又是边框,又是间距什么的,觉得定义太多,看看我遇到的一个table代码如下:<table cellspacing="0" cellpadding="8" width="100%" bordercolor="#C4E2FF" bordercolordark="#FFFFFF" bgcolor="#E8FBFF" border="1"> &l... 阅读全文
posted @ 2009-05-11 15:49 靳小透 阅读(1548) 评论(1) 推荐(0) 编辑