当前位置 > 首页 >

弹出层详解，从简单到复杂

十二月 25, 2009 作者：Artcss  

9 条评论

在工作过程中经常遇到做弹出的层效果，有的需要在元素右下弹出，有的需要弹出在浏览器正中间，有的需要弹出后再拖拽，有的需要背景要变暗，有的需要弹出的层跟随鼠标移动……

网上此类效果其实很多，有javascript原生的，有基于框架写的,但自己好多时候用不到那么高级的效果， 阅读全文

标签：, 分类：个人随笔

MSClass通用不间断滚动JS封装类

十月 20, 2009 作者：Artcss  

抢个沙发先

今天介绍一个通用的不间断滚动js封装类MSClass.js，支持各种不间断滚动，使用方便。一般在不调用框架 阅读全文

标签： 分类：Javascript

javascript商品提示效果

十月 10, 2009 作者：Artcss  

抢个沙发先

今天写一个商品展示信息提示的js小例子，就是当鼠标放到商品图片上的时候出现一个半透明层，层上写商品的相关信息。

用到的javascript代码如下：

阅读全文

标签：, , 分类：个人随笔

clearbox 中文详解

七月 19, 2009 作者：Artcss  

抢个沙发先

图片展示效果认识最早的是Lightbox，不过最近发现一款比Lightbox漂亮的，叫Clearbox，官方网站地 阅读全文

标签：, , 分类：Javascript

仿126经典滑动门

七月 1, 2009 作者：Artcss  

2 条评论

javascript仿126邮箱广告Tab切换效果，是我见过写得最精炼的Tab，大家引用时保留下原创作者

鼠标点击

提示：你可以先修改部分代码再运行。


鼠标滑过：

提示：你可以先修改部分代码再运行。

javascript代码如下：

Download script.js
1
2
3
4
5
6
7
8
9
10
11
12

<script type="text/javascript">// <![CDATA[
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
 for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var con=document.getElementById("con_"+name+"_"+i);
  menu.className=i==cursel?"hover":"";
  con.style.display=i==cursel?"block":"none";
 }
}
// ]]>
</script>

标签：, , 分类：Javascript