存档

‘网站建设’ 分类的存档

编写跨浏览器兼容的 CSS 代码的金科玉律

2010年6月9日 Tal Rasha 1,042 views 8 条评论

作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。

Browsers-css in The Principles Of Cross-Browser CSS Coding

(全文 …)

分类: 网站建设 标签: ,

分享一个纯js的图片幻灯片代码

2010年5月20日 Tal Rasha 3,107 views 5 条评论

这个幻灯片效果没有用到flash，在ie下是有一些切换时的特效，其他浏览器只用chrome试了一下，可以实现切换，没有特效，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<script type="text/javascript">
var pic=new Array();
var link=new Array();
var adNum=0;
pic[0]="设置图片路径";
pic[1]="";
link[0]="图片链接的地址";
link[1]="";
var preloadedimages=new Array();
for (i=1;i<pic.length;i++){
   preloadedimages[i]=new Image();
   preloadedimages[i].src=pic[i];
}
function setTransition(){
  if (document.all){
    rotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
    rotator.filters.revealTrans.apply();
  }
}
function playTransition(){
  if (document.all)
    rotator.filters.revealTrans.play()
}
function nextAd(){
  if(adNum<pic.length-1)adNum++ ;
     else adNum=0;
   setTransition();
   document.images.rotator.src=pic[adNum];
   var temp=document.getElementById("imglink");
   temp.href=link[adNum];
   playTransition();
   theTimer=setTimeout("nextAd()", 5000);
}
</script>

调用代码如下：

1
2

<a id="imglink" href="第一张图片的链接地址"><img style="filter: revealTrans(duration=2, transition=20);" src="图片地址" alt="" /></a>
<script type="text/javascript">nextAd()</script>
分类: 网站建设 标签: ,

Audio Player插件的使用

2010年3月7日 Tal Rasha 1,828 views 3 条评论

audio player是wordpress上比较常用的音频播放器，下面列出一些简单的使用方法：

使用标签

默认地向文章中插入播放器的方法是使用[audio]标签，例如：

[audio:http://www.yourdomain.com/path/to/your_mp3_file.mp3]

这将会在文章中插入一个播放器并播放 your_mp3_file.mp3 音频。

您也可以在 Audio Player 的管理面板为 Audio Player 设置一个默认的音频文件路径（可以是本地的，也可以是远端服务器），这样您就不需要每次都输入一个完整的路径名了。一旦您完成了设置，您便可以使用像下面这样的语法：

[audio:your_mp3_file.mp3]

Audio Player 将自动在预设的默认路径内寻找音频文件。这将会给您的带来许多便利，如果您可以把您的音频文件都放在同一个路径下。
(全文 …)

分类: 网站建设 标签: , , ,