前天写的这个教程，今天（6.25号）在网上搜索资料是   竟发现了Alipay的UED团队也写过这么一篇类似的教程，也是使用Dynamic Panel实现Tab分页      哈哈   真是英雄所见略同呀      查看原文

另外一篇关于Dynamic Panel的使用介绍   写的不错   推荐有兴趣的同学可以看看

--------------------------------------时间分割，以下内容发表于6.23--------------------------------------------

晚上快下班时一个同事问俺怎么用Axure实现Tab分页

我已经估计半年没用Axure了...一时竟想不起来   只记得大概用Dynamic Panel可以实现

晚上吃晚饭回来 玩了一会  又想起这事   便开始琢磨起来

最后也的确是用动态面板来实现了Tab的效果 （不过不知道是不是还有其它更容易的方法？）

为了自己加深印象  故写了这篇简单教程    也希望给想学习Axure的人提供一些帮助

Axure作为交互设计里的模型制作工具，它本身的可用性做的挺好的，非常易学！当初自己也就瞎摸索了一两天就差不多都会了。Axure拥有的一些强大的功能，甚至可以实现简单的数据控制和流程判断，针对网站项目，应用Axure可以做出保真度非常高的原型

在实际应用中，不管是对于早期产品可用性测试，或是面向整个团队阐述产品概念，这种原型都能发挥极好的作用

方法一、通过 css 和 IE 专有属性 behavior 解决整站 png 背景透明问题

<style type="text/css">
<!--
img { behavior:url(/iepngfix.htc); }
-->
</style>

htc文件内容

<public:component>
<public:attach event="onpropertychange" onevent="doFix()" />
<script type="text/javascript">
// IE5.5+ PNG Alpha Fix v1.0RC3
// (c) 2004-2005 Angus Turnbull http://www.twinhelix.com
// This is licensed under the CC-GNU LGPL, version 2.1 or later.
// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
// This must be a path to a blank image. That's all the configuration you need.
var blankImg = '/spacer.gif';
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
function filt(s,m)
 {
 if (filters[f])
  {
    filters[f].enabled = s ? true : false;
    if (s) with (filters[f])
   {
   src = s;
   sizingMethod = m;
   }
   }
  else if (s)
  {
  style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")';
  }
 }
function doFix()
 {
 // Assume IE7 is OK
 if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) || (event && !/(background|src)/.test(event.propertyName)))
  {
  return;
  }
 var bgImg = currentStyle.backgroundImage || style.backgroundImage;
 if (tagName == 'IMG')
  {
  if ((/\.png$/i).test(src))
   {
   // this tests to see if the image has already been replaced once before
   if (src.indexOf('?repurl=') == -1)
    {
    if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
        {
     style.width = offsetWidth+'px';
     }
    filt(src,'scale');
    src = blankImg+'?repurl='+src;
    }
   }
  else if (src.indexOf(blankImg) < 0)
   {
   filt();
   }
  }
 else if (bgImg && bgImg != 'none')
  {
    if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i))
     {
     var s = RegExp.$1;
     if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
       {
    style.width = offsetWidth+'px';
    }
     style.backgroundImage = 'none';
     filt(s,'crop');
     // IE link fix
     for (var n=0;n<childNodes.length;n++)
    {
    if (childNodes[n].style) { childNodes[n].style.position = 'relative'};
    }
     }
  else filt();
  }
 }
doFix();
</script>
</public:component>

方法二、通过 css ie滤镜解决
<style type="text/css">
<!--
.pngpic { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pngpic.png',sizingMethod='crop'); }
-->
</style>

方法三、通过 javascript 和 css 滤镜解决 IE 整站 png 背景透明问题
<script type="text/javascript" language="javascript">
function enablePngImages() {
 var imgArr = document.getElementsByTagName("IMG");
 for(i=0; i<imgArr.length; i++){
  if(imgArr[i].src.toLowerCase().lastIndexOf(".png") != -1){
   imgArr[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgArr[i].src + "', sizingMethod='auto')";
   imgArr[i].src = "spacer.gif";
  }
  
  if(imgArr[i].currentStyle.backgroundImage.lastIndexOf(".png") != -1){
   var img = imgArr[i].currentStyle.backgroundImage.substring(5,imgArr[i].currentStyle.backgroundImage.length-2);
   imgArr[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
   imgArr[i].style.backgroundImage = "url(spacer.gif)";
  }
 }
}

function enableBgPngImages(bgElements){
 for(i=0; i<bgElements.length; i++){
  if(bgElements[i].currentStyle.backgroundImage.lastIndexOf(".png") != -1){
   //alert(bgElements[i]);
   var img = bgElements[i].currentStyle.backgroundImage.substring(5,bgElements[i].currentStyle.backgroundImage.length-2);
   bgElements[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
   bgElements[i].style.backgroundImage = "url(spacer.gif)";
  }
 }
}
</script>

<img src="pngpic.png" alt="" border="0" />
<!--[if lt IE 7]>
<script type='text/javascript'>
var bgElements;
 enablePngImages();
 if(bgElements){
  enableBgPngImages(bgElements);
 }
</script>
<![endif]-->

　　一 当你用QQ和别人聊天时，是不是有时信息发送的特别慢呀，不要紧，只要你发信息时按shift键信息就会很快的发送出去的!

　　二 当你面对一大堆窗口，却要一个一个把它们关掉时。是不是很烦啊。只要你按shift键在单击关闭按扭，所以的窗口就会全部关掉。

　　三 在输入大小写字母时，按shift键，就可以改变其大小写!

　　四 当安装了某个新软件，有时要从新启动计算机才有用，只要先按shift键，就可以跳过计算机的自检节省了大量的时间!

　　五 选择文件时，先按shift键，在选最后一个文件，可以选中一大批。

　　六 删除文件时，按shift键可以直接删除。不经过回收站。

　　七 放光碟时，连按数下shift键，可以跳过自动播放!

　　八 按shift键+F10可以代替鼠标右键。

　　九 打开文件时，如果你不想用默认方式打开，按shift键，在单击右键，在右边的菜单上就多出了打开方式下面的你就自己去做吧!

　　十 按shift键，点击超级连接，可以打开新窗口