Pages: 40/41 First page Previous page 31 32 33 34 35 36 37 38 39 40 41 Next page Final page [ View by Articles | List ]
Aug 28
1、Firefox设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width。

2、Firefox支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式,值得注意的是,一定要将xxxx !important 这句放置在另一句之上

如:

Firefox里的宽度为:500+5+5=510px,所以要把Firefox的宽度设置成490px才可以
IE里变500px

修改后的代码:


3、Firefox cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以

4、在firefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}

注意这两个margin的顺序一定不能写反,!important这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样:div{maring:30px;margin:28px}

5、Firefox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

6、Firefox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
Aug 28
使用JS获取URL参数的函数,兼容多浏览器。
<script language = javascript>
function request(paras){
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
</script>

调用 类似asp获得地址栏参数
<script language = javascript>
var a=request('a');
</script>
Tags: , , , ,
Aug 25
Highslide JS
直接去blueidea看吧,写的挺好
http://www.blueidea.com/tech/web/2007/4545.asp
Highslide JS
Tags: , ,
Aug 24
以下代码在IE7下执行,则IE崩溃关闭!估计是处理点点的bug……

<style type="text/css">  
div{float:left;width:175px;}  
ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}  
li{position:relative;}  
</style>  
  
<div>  
<ul>  
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>  
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>  
</ul>  
</div>  
<style type="text/css">
div{float:left;width:175px;}
ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
li{position:relative;}
</style>

<div>
<ul>
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>
</ul>
</div>

演示,请使用IE7打开

Aug 24
 常有网友提问,如何让网页中嵌入的Flash标签也符合web标准。目前还没有一个完美的解决办法,这篇文章中,我们将Flash嵌入标签写入js文件中,通过变量传递参数的办法往返避不符合标准的标签。

  请注重,这只是一个变通的方法,换汤不换药,并未能最终解决存在的问题,通过验证只是一种表象,这样的思路是不是可取,在实际操作中请大家自行斟酌。

  首先建立一个JS文件flash.js。写入如下代码:

function swf(file,w,h) {
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="' w '" height="' h '"> ');
document.write('<param name="movie" value="' file '">');
document.write('<param name="quality" value="high"> ');
document.write('<param name="wmode" value="transparent"> ');
document.write('<param name="menu" value="false"> ');

document.write('<embed src="' file '" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="' w '" height="' h '"></embed> ');
document.write('</object> ');
}

  上面的js脚本定义了一个函数swf,并设置三个变量,它们分别是:flile文件链接,w宽度,h高度。在XHTML中向这个函数传递变量即可实现flash的嵌入。如下代码:
<div id="flash">
<script type="text/javascript" language="javascript">swf('mb5ucom.swf','500','220');</script>
</div>

  建立id为flash的div作为一容器,在其内部嵌入js脚本,变量依次为:文件路径、宽度、高度。

  看下面的全部代码:

<!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>符合web标准的嵌入Flash的方法</title>
<script type="text/javascript" language="javascript" src="flash.js"></script>
<style type="text/css">
#flash { width:500px; margin:50px auto; border:5px solid #03c;}
</style>
</head>
<body>
<div id="flash">
<script type="text/javascript" language="javascript">swf(mb5ucom.swf','500','220');</script>
</div>
</body>
</html>
Aug 24
最近在学习DIV+CSS,手头上看的一个不错的CSS参考手册,要的下,解压密码www.tommyhu.cn

Highslide JS
PS:看看我的速成,直接用DW CS3拉APP DIV,把大概宏观结构拉出来,然后在代码区域做定位,再做微观结构,此方法不知道W3C不cry,专业人士表扔砖块,这是外话,还是要步步为营,W3C才有前途smile
Highslide JS
Aug 18
TABLE TR TD的网站布局已经沦落,伴随这UI,UED,web2.0,w3c等新鲜词语的出现,DIV+CSS的布局已经席卷而来,该加紧升级你的知识系统了……赶紧找来CSS在线手册:http://www.52css.com/css/,打开记事本练习了,不不要再犹豫了……!
本教程详细阐述了一个DIV+CSS的网站制作的一个过程!
1、首先需要规划网站,本教程将以下图为例构建网站。
Highslide JS
布局页面主要由五个部分构成:
Highslide JS

1.Main Navigation 导航条,具有按钮特效。 Width: 760px Height: 50px
2.Header 网站头部图标,包含网站的logo和站名。 Width: 760px Height: 150px
3.Content 网站的主要内容。 Width: 480px Height: Changes depending on content
4.Sidebar 边框,一些附加信息。 Width: 280px Height: Changes depending on
5.Footer 网站底栏,包含版权信息等。 Width: 760px Height: 66px



第二步:创建html模板及文件目录等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>CompanyName - PageName</title>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="Description" />
<meta name="keywords" content="Keywords" />
<meta name="author" content="Enlighten Designs" />
<style type="text/css" media="all">@import "css/master.css";</style>
</head>
<body>
</body>
</html>

将其保存为index.html,并创建文件夹css,images,网站结构如下:
Highslide JS
查看全部教程请访问:http://www.52css.com/article.asp?id=185
另外CSS在线手册:http://www.52css.com/css/
May 6
看图
Highslide JS
我的客户服务导航,还有漂浮广告之类被网页中的FLASH挡住了,如何把设置成在FLASH上面呢,如下图效果
Highslide JS
方法:
设置FLASH的WMODE属性值为TRANSPARENT即
<param name="wmode" value="transparent">


[code]
<object classi
Pages: 40/41 First page Previous page 31 32 33 34 35 36 37 38 39 40 41 Next page Final page [ View by Articles | List ]