JS+CSS制作可水平展开折叠的左侧菜单树 【建站技术】

很多论坛有这样的功能:左侧或者右侧会放一列导航菜单,用来引导用户,当用户想要去某个版块时,只需点击侧边栏的链接即可,当达到浏览页面后,可点击关闭左侧栏,最大宽度展示主体内容,我在改版公司贷款论坛的时候也用到了这种引导模式,按着自己的思路写了一下代码:

首选,左侧和右侧的宽度是固定的,里面的元素宽度全部用百分比来计算,这样展开折叠时才能看出效果,如果元素的宽度固定死了,就不存在最大化宽度这么一说了;

其次,当点击展开或者折叠按钮时,左侧和右...

评论:(7)  浏览:()  More...

daniel,2010/4/9   Tags:js  css  展开  折叠  左侧树  

js+css实现图片横向左右滚动并悬停的效果,兼容主流浏览器 【建站技术】

此代码是从阿里西西上面找到的,经本人修改加工,完美兼容主流浏览器,是建站不可或缺的代码。
使用方法:
1、点击向左箭头,图片会自动向左移动;
2、点击向右箭头,图片会自动向右移动;
3、鼠标移动到图片上面,暂停滚动,鼠标移走,继续滚动;
4、展现的形式是否完美,取决于几个宽度:showwidth,steplength,#fl,mqdemoa,li,所有宽度都基于li的宽度(即滚动元素的宽度);
5、如在使用过程中遇到问题,欢迎留言反馈;
6、如需转载请保留本文链接地址,http://www.cookseo.com/blog/web/jsleftright/,不胜感谢。...

评论:(11)  浏览:()  More...

daniel,2010/2/10   Tags:js  css  图片滚动  js特效  

js+css制作选项卡特效,兼容IE6,IE7,火狐FF及Chrome 【WEB标准】

昨天有朋友让我做一个选项卡,兼容IE及FF等主流浏览器。今天上午抽空搞定,现把代码放出来,有些细节地方可能还需要自己做一下调整,我就不修改了,因为涉及到个人的皮肤样式。

先看一下运行效果吧。(此代码兼容IE6,IE7,火狐FF及Chrome)...

评论:(11)  浏览:()  More...

daniel,2009/6/1   Tags:js  选项卡  兼容  css  div  IE6  IE7  火狐  FF  Chrome  

关于在静态页面整合JS图片轮播广告的方法 【站长日志】

有网友问我如何在全静态模式下整合本站右侧的JS轮播广告,解决思路是这样的:静态页面调用的话,肯定需要通过JS来调用,只要把JS轮播广告的代码写成JS文件,再调用此JS文件即可解决。

由此可以引出两种方法,第一种就是调用JS文件,然后通过对这个JS文件的维护实现经常更新,第二种是把JS代码嵌入静态页面模板里面,适用于不经常更新的。

第一种方案(适用于经常更新):...

评论:(4)  浏览:()  More...

daniel,2009/5/21   Tags:静态页面  整合  pjblog  js  

很实用的图片切换效果代码 【建站技术】

昨天有朋友问我要博客右侧的图片切换效果代码,今天有时间就把它整理了出来,我个人感觉比一般的图片切换效果要实用。此模块还可以开发的更加完善,不过我没时间。代码运行的最终效果可以查看博客右侧的图片切换。操作步骤如下:

1、后台新建模块,类型为侧边,模块标识为EDM,模块名称可以自己定义。
2、编辑此模块的HTML代码,把下面的代码粘贴进去。...

评论:(6)  浏览:()  More...

daniel,2009/4/24   Tags:图片切换  js  pjblog  

js文字滚动特效,可以停顿 【建站技术】

今天在做页面的时候,用到了一个js特效,就是滚动一下,停顿一下,然后继续滚动,再停顿。这种效果实现起来比较简单,下面把代码贴出来,适用于文字或者图片一行一行的滚动,或者一段一段的滚动(兼容IE与FF)。 代码如下......

...

评论:(0)  浏览:()  More...

daniel,2009/2/20   Tags:js  无缝滚动  图片滚动  js公告板  

JS无缝滚动的两个实例 【建站技术】

关键代码分析:

程序代码
<div id="limrq" style="overflow:hidden;height:20px;line-height:22px;"></div>

overflow:hidden;隐藏超出高度20px的部分.
height:20px;容器高度.
line-height:22px;固定行高....

评论:(0)  浏览:()  More...

daniel,2008/10/10   Tags:js  无缝滚动  

加快JS载入速度,让广告代码不再影响你的网页加载速度 【建站技术】

  js代码的调用和转入一直是个头疼的问题,如果载入速度太慢,实在是影响效果,特别是调用其他网站的JS(比如统计代码,其他网站提供的广告代码等等。)
  
  下面就介绍一个方法,让JS不会过多的影响网站的载入速度。

  要不想让统计或广告之类的外部代码或页面拖慢网站的速度,就只能让他们在本站页面的所有内容下载完成之后再下载外部代码,而在此之前应该在网页指定的位置显示载入中或是用图片标示该位置有内容正在下载。 ...

评论:(0)  浏览:()  More...

daniel,2008/7/25   Tags:js  广告代码  加载  速度  

静态页面如何调用动态数据,实现静态页面动态显示 【建站技术】

  如何实现静态页面调用动态数据?
  如何使页面更小、代码更简洁,让搜索引擎收录的更快?
  今天主要说说如何在静态页面里面调用动态数据,并实现静态页面的更新,达到既能更新网站,又能让搜索引擎更快收录的效果。
  简单的来说,就是如何在如何在html静态页面中用js调用asp动态数据,实现静态页面调用动态数据显示。此方法不仅可以用于新闻,还可以用于产品、公司简介、联系方式等动态数据的调用。...

评论:(1)  浏览:()  More...

daniel,2008/1/9   Tags:html  js  调用asp  静态页面  动态显示  

Powered By Z-Blog 1.8 Arwen Build 90619, 皮肤设计支持:异次元软件世界
网站SEO-WEB标准, Daniel's Blog, CopyRight 2009-2011, 鄂ICP备10001167号,