你的位置: Kiyo'Space首页 HTML/CSS/特效 欢迎留下您的足迹
正在显示 [ HTML/CSS/特效 ] 分类下的文章

让Div位于flash之上

[纪元09年08月20日]
在公司主页上放了一个浮动广告式的Online Support,是一个浮动层,可是在浮动到Flash上时,就会被Flash挡住,该死,无论我怎么设置Z轴都是在Flash这下,看来还是Flash动画招人喜欢啊,哈哈。 看来在CSS上是找不到什么出路了,看看Flash吧。在DW8中,对Flash的参数提供还是太少,还不如以前的FrontPage,又记不起来Flash层控制的参数了,搜吧。 功夫不负有心人,终于找到了,设“wmode”的值为“Opaque”,表示将Flash置于最底层。 点到Flash上,属性,点参数,再点那个加号添加参数“wmode”的值为&ld……

30多个CSS和JS下拉菜单资源

[纪元09年07月23日]
导航菜单是网站设计中最重要的因素之一。网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而JavaScript则使人们有可能创造更多的互动,更多的响应和更灵活的导航到任何网站。Noupe在这篇文章里面提出了25个以上(横向和纵向)多层次的下拉菜单,包括使用了JavaScript和CSS ,你可以将这些示例和教程用你的未来网站设计计划。 一些CSS菜单相关的链接 IzzyMenu: 在线创建DHTML/CSS菜单 9款CSS菜单生成器/含在线CSS导航菜单生成和CSS菜单生成软件 50多套CSS导航菜单免费资源 ADxMenu:基于Javascript和CSS的下……

经常遇到的图片居中问题实现方法

[纪元09年03月3日]
看到很多人都在问图片的居中怎么实现,实现他其实不难。要难就难在它要兼容好几种不同的浏览器 我就将我用到的一段图片居中的代码分享给大家。希望对大家有用   html代码:   <div class="pic">   <span><a><img /><a></sapn> </div>   css代码:  .pic{overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle; float:none;}  .pic span{position:static;+position:absolute;top:50%; margin:0pt;……

CSS颜色对照码表图

[纪元08年10月15日]
FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C2 #FF44AA #FF0088 #C10066 #A20055 #8C0044 #FFCCCC #FF8888 #FF3333 #FF0000 #CC0000 #AA0000 #880000 ……

常用颜色的网络编码及中英文名称

[纪元08年10月15日]
常用颜色的网络编码及中英文名称 颜色 网络编码 英文 中文   #FFB6C1 LightPink 浅粉红   #FFC0CB ……

中文颜色名称颜色对照表

[纪元08年10月15日]
中文颜色名称颜色对照表 鸨色 #f7acbc 赤白橡 #deab8a 油色 #817936 绀桔梗 #444693 踯躅色 #ef5b9c 肌色 #fedcbd 伽罗色 #7f7522 花色 #2b4490 桜色 #feeeed 橙色 ……

用css控制文字或图片垂直居中对齐

[纪元08年02月12日]
一、简单方法 在给DIV一个 TOP-PADDING 的值,值设置多少要自己去试。  二、单行内容的居中 只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-height 和 height,并使两值相等,再加上 over-flow: hidden 就可以了 .middle-demo-1{ height: 4em; line-height: 4em; overflow: hidden; }  优点: 1. 同时支持块级和内联极元素 2. 支持所有浏览器 缺点: 1. 只能显示一行 2. IE中不支持<img>等的居中 三、多行内容……

在文本框中控制别人输入字数

[纪元08年01月6日]
脚本说明: 第一步:把如下代码加入<head>区域中 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin maxLen = 130; // max number of characters allowed function checkMaxInput(form) { if (form.message.value.length > maxLen) // if too long.... trim it! form.message.value = form.message.value.substring(0, maxLen); // otherwise, update 'characters left' counter else form.remLen.value = maxLen - form.message.value.length; } // End --> </script> 第二步:把如下代码加入<bo……

CSS左右两列自适应高

[纪元08年01月6日]
  <!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>无标题文档</title> <style type="text/css"> <!-- *{ margin :0px; padding: 0px; } .da_div{ width: 750px; background-image: u……

输入框控制

[纪元08年01月6日]
脚本说明: 第一步:把如下代码加入<body>区域中 <form onSubmit="return false;"> 这里不允许输入如下字符: (像 !@#$%^&* 等)<br> <textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;"></textarea> <br> <br> 这里不能输入引号:<br> ……
正在显示 [ HTML/CSS/特效 ] 分类下的文章