菜单

jQuery跑马灯实现教程 使用jQuery简单实现产品展示的图片左右滚动功能

jQuery跑马灯实现教程 使用jQuery简单实现产品展示的图片左右滚动功能

原理比较简单:将要滚动显示的区域的CSS的override设为hidden,宽度设成一个比较大的值,如4000px,然后每次点击上一页或下一页的 按钮时,计算当前页数,如果已经到了最后一页,则回到第一页,滚动是通过控制div的left属性实现的,需要两个div,外面的div的 position设为retative,里面的DIV的position设为absolute。 HTML代码: <div id="product"> <h2><span class="arrow">arrow</span>产品展...

jQuery实现渐变效果的下拉导航菜单

HTML代码: <div id="nav"> <ul> <li> <a href="http://neirong.org" target="_blank">资源共享</a> <ul> <li><a href="http://neirong.org" target="_blank">资源共享</a></li> <li><a href="http://neirong.org" target="_blank...

JavaScript 图片变换效果封装 只支持IE浏览器

JavaScript 图片变换效果封装 只支持IE浏览器

这个javascript做的效果最早在sina看到,这里把这个效果封装好方便使用。纯js仿照常见的图片变换flash做的效果,但是滤镜变换只对应ie有效,firefox浏览器只能看到一般的切换效果。 程序说明: 图片未开始转换时,由于没有图片会显示一个红x,所以隐藏图片: this._img.style.visibility = "hidden"; ps:以前我用this._img.src = "javascript:void(0);";但这个在ie8会出错。 这个变换效果需要滤镜,所以只支持ie。要使用变换...