IE6下解决png透明问题
|
第 1 种方法:定义一个样式,给某个div应用这个样式后，div的透明png背景图片自动透明了。（注意两处图片的路径写法不一样，本例中，icon_home.png图片与html文件在相同目录）
<!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>
 全文阅读...
|
|
作者:
stone | 分类:
网页·Web |
评论: 3
|
引用: 0
| 浏览: 763 |
|
网页黑白效果
|
最近各大网站都改为黑白灰色调来悼念地震遇难同胞，我也加入到了这次全国性的色调调整工作中 .gif)
大多都运用了这个样式，之前不知道...
FILTER: Gray; 加在body的CSS里可以全页变灰色(flash不起效) firefox浏览器不生效
|
|
作者:
stone | 分类:
网页·Web |
评论: 0
|
引用: 0
| 浏览: 505 |
|
Mozilla Firefox中实现Flash透明背景
|
最近在做一个网站，要在一个静态的背景上加一个透明的Flash会显示动态的效果，按照常规方式加了代码后，在IE中能显示透明背景Flash，但是用Firefox浏览器却发现没有透明的效果，那究竟应该怎么加呢？于是搜索和研究了一下。
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,29,0" width="760" height="160">
<param name="movie" value="webjx_com.swf">
<param name="wmode" value="transparent">
<embed src="webjx_com.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="160"></embed>
</object>
要在IE中实现flash背景透明，需要加这样一个值：
<param name="wmode" value="transparent">
而在Mozilla、Firefox浏览器中起作用的是这个标签 <embed></embed> 那这样，在<embed>标签内加入属性 wmode="transparent" 就可以实现flash背景透明，遂修改代码如下：
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=6,0,29,0" width="745" height="140">
<param name="movie" value="webjx_com.swf">
<param name="wmode" value="transparent">
<embed src="webjx_com.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="745" height="140" wmode="transparent" ></embed>
</object>
这样在两个主流浏览器上都可以实现flash透明了。
为什么会这样？我搜了一下 简单的解释就是：这是 Macromedia 自己对和IE Netscape 提供的 API 不同，Flash 6 后修正了这个问题。
全文阅读...
|
|
作者:
stone | 分类:
网页·Web |
评论: 1
|
引用: 0
| 浏览: 429 |
|
CSS切换
|
实例文件介绍（很好，很强大！） 
整个例子用到三个文件(没有把JS分离出来,在实际运用中应该分离):
1.css 这个文件设置了h1的字体大小为80px
2.css 将h1的字体设置为20px
index.html 头部写进了JS代码
具体代码分析
CSS文件的内容如下,所表达的意思在上面已经说了,本身没什么特别的,只是为了突出下变化的效果:
/* 1.css的文件内容 */
h1{
font-family:"Trebuchet MS";
font-size:80px;
}
/* 2.css的文件内容 */
h1{
font-family:"Trebuchet MS";
font-size:20px;
}
现在我们开始分析重头,index.html文件中几个重要的部分:
1.导入CSS文件的语句
该语句中可以发现并没有定义href属性,因为在后面我们要根据选择不同的样式来给它添加进去,多了一个ID属性是为了能使用 getElementById来将这个语句定义为一个对象来使用它(后面会涉及到):
<link rel="stylesheet" id="CSSC" type="text/css">
2.JS部分
<script language="javascript">
var i,objCSS,cssname;
objCSS = document.getElementById("CSSC");
/*
上面定义的 i为CSS文件后缀前的名称字符串,在这个实例中它的值分1和2两种情况
objCSS则为前面提到的CSS连接语句的对象.
*/
function change(i){
setCookie('cssname',i,365);
objCSS.setAttribute("href",i+".css");
}
/*
以上为函数change(i),它的职能是当有事件触发这个函数时,
设置浏览器cookie中cssname的值为i,
并且该cookie过期时间为365天(具体的设置过程使用了函数setCookie).
并给objCSS对象加上了属性href,它的值为i.css
*/
function checkStyle()
{
cssname=getCookie('cssname');
if (cssname!=null){
objCSS.setAttribute("href",cssname+".css");
}
}
/*
checkStyle()这个函数在页面加载的时候就执行,
其目的就是判断当前是否存在cookie保存的样式信息,有的话就直接设置所保存的样式.
达成这个目的使用到了getCookie函数,当返回的结果不为null的时候就执行设置样式的代码.
*/
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate);
}
/*
setCookie函数就起到保存信息的作用,里面包含了三个参数:
c_name用来指定是保存名为什么的cookie,并依据这个名称来做以后的调用
value就是这个cookie实际要保存的值
sepiredays是设置过期的时间,
在这里它还做了一个判断,如果不写这个过期的时间就表示不进行保存
*/
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1){
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end));
}
}
return null
}
/*
这就是对现有cookie做判断的函数,为null就返回一个null,
不为null就返回指定cookie的值
*/
</script>
3.html代码
<body onload="change(1)"> <!--表示在页面加载时候就执行这个函数-->
<input type="button" onclick="change(1)" value="改变成1样式">
<input type="button" onclick="change(2)" value="改变成2样式">
<h1>hahahahahhahahaah</h1>
</body>
全文阅读...
|
|
作者:
stone | 分类:
网页·Web |
评论: 0
|
引用: 0
| 浏览: 702 |
|
每个网页设计者都自以为是[转]
|
（一）垃圾还是经典
网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。网页设计者不管自己的学识、技术和经验如何，都自以为自己吊的不得了，这可能是源与商业设计自我意识体现的强烈主观因素。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显！还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！
（二）国内网页设计环境
不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说
全文阅读...
|
|
作者:
stone | 分类:
网页·Web |
评论: 0
|
引用: 0
| 浏览: 18343 |
|
逼真的水波纹效果
|
水波纹效果
打开后用在画面上单击鼠标，或按住鼠标左键不放在画面上划过就会出现圈圈涟漪和波纹，非常美丽，跟真的水面一样，非常漂亮。
一、设置舞台大小（256×256）。
二、导入图片到库。不要导入到舞台。
三、打开库设置图片链接。标识符为：surface。将"为运行时导入"勾去掉，勾上"为actionscript 导出"和"在第一帧导出"
全文阅读...
|
|
作者:
stone | 分类:
网页·Web |
评论: 4
|
引用: 0
| 浏览: 16486 |
|
JS特效
|
其实实现鼠标事件效果最完美的方法是插入一小句代码即可。代码如下：
<image src="img1" onmouseover="this.src='img2'" onmouseout="this.src='img1'">
--------------------------------------------------------------------------------------------------------------------
全文阅读...
|
|
作者:
stone | 分类:
网页·Web |
评论: 0
|
引用: 0
| 浏览: 20380 |
|
渐变遮掩
|
to:以前一直以为FLASH的遮照不能做渐变，之前都是把渐变放遮照下面，到今天才知道遮照可以用渐变来遮掩:
就是用：item.setMask(mask);来实现，item是被遮照的MC名称，mask是遮照的MC名称.最重要的一点就是要把item和mask的"使用运行时位图缓存"前的√钩点上，具体我也不知道为什么，总之这样就可以使遮照渐变遮掩影片了，很实用！
不明白的有源文件看下明白了:
 File: Click to Download
|
|
作者:
stone | 分类:
网页·Web |
评论: 3
|
引用: 0
| 浏览: 13519 |
日志首页>>
工具菜单
站点日历
最新日志
最新评论
日志搜索
站点统计
友情链接
|
]