Scripting object.style.filter = "progid:DXImageTransform.Microsoft.Barn ( sProperties ) "
属性 | 特性(Attributes | Properties)方法(Methods)motion Motion 设置或检索对象的新内容是先从外显示还是先从内显示。
orientation Orientation 设置或检索滤镜效果模拟的开关门是横向的还是纵向的。
enabled Enabled 设置或检索滤镜是否激活。
duration Duration 设置或检索转换完成所用的时间。
Percent 设置或检索当前静态滤镜输出在转换进程中所处的点。
status 检索转换的当前状态。
如果我没猜错，在导航菜单这一块，你应该设置成了：当onmouseout三级菜单时，会隐藏菜单，如果是，请往下看
从图中可以清楚地看出，页码那个区块挡在了三级菜单的上面，也就是说，把鼠标mouseover到这里时，实际上是移到了页码那个灰色半透明区块，也就是说此时已经mouseout三级菜单，所以就触发了隐藏；如果是这样，再往下看：
解决办法：
把导航菜单里设置了position:relative元素加个z-index:3（数字自己定，只要比页码的父级（设置了position:relative的元素）数值大就OK），应该就没问题了
css3 的transform属性允许我们旋转、缩放和移动元素。 可以通过给它传递一个 rotate(度数) 值来旋转一个元素，正值表示顺时针方向旋转，负值表示逆时针方向旋转，旋转的中心点为元素的中心。
CSS代码如下：
.rotate{
-ms-transform:rotate(90deg)/* IE 9 */
-moz-transform:rotate(90deg)/* Firefox */
-webkit-transform:rotate(90deg)/* Safari and Chrome */
-o-transform:rotate(90deg)/* Opera */
}
浏览器支持：Firefox 4+、Oprea 10+、Safari 3.1+、Chrome 8+、IE 9+
