2010 年 6月随笔档案 - 轻舟

【javascript】实用的文字链提示框效果

摘要：效果要基本实现以下功能：（1）鼠标滑过文章中的链接文字，要在相应位置弹出提示框，提示框的样式由css来控制，高度自适应；鼠标可以点击提示框的中的链接,滑离提示框时，框自动消失；（2）把提示框的位置控制在文本域范围之内，如果链接文字处在文本域左侧，提示框要居右显示，使其不会出离文本域；反之，如果链接文字处在文本域右侧，提示框要居左显示；（3）如果文本域内容很多，而链接文字恰巧处于浏览器底部，为了使... 阅读全文

posted @ 2010-06-29 17:35 轻舟阅读(2904) 评论(4) 推荐(3) 编辑

[javascript] 用js来调入flash文件

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt... 阅读全文

posted @ 2010-06-25 19:08 轻舟阅读(622) 评论(4) 推荐(1) 编辑

[Jquery] 实现温度计动画效果

摘要：设计图如下:1.xhml[代码]2.css3.js将代码一一拷贝到页面相应的位置，然后记得调用jquery框架，展示条件有限，所以效果跟设计图有出入，但实现原理是一样的，欢迎大家多多交流！阅读全文

posted @ 2010-06-18 15:50 轻舟阅读(6681) 评论(10) 推荐(2) 编辑

[javascript]鼠标滑过列表文字显示图片及详细信息

摘要：祝端午节快乐！＠＆＠此效果类似于当当网首页右侧的的7日畅销榜，因为工作需要，编写了一个，现分享出来，恐有不足之处，望提出宝贵意见，共同进步！此效果的难度，不在js，而在xhtml+css，为了实现代码的最优化和浏览器良好的兼容性，确实花了不少功夫，最后选择使用无序列表ul>li；js是封装好的，与文档分离开，同一个页面可以实现多处这样的效果，且互不干扰；1.xhtml2.css3.js效果展... 阅读全文

posted @ 2010-06-13 11:51 轻舟阅读(14718) 评论(22) 推荐(5) 编辑

[分享]实用的焦点图切换效果，结构行为相分离

摘要：焦点图切换效果，对前端来说，恐怕再熟悉不过了，实现它的方法应该有多种，工作当中常用的一种，叙述如下：如何让当前的数字导航与图片的显示同步？这里有两个区域，图片切换区和数字导航区；分别对应着两个循环函数；plays(value)和setBg(value)；当图片循环切换到第2张时，此时数字导航的当前状态也变换到第2的位置，以此达到一种同步的效果，这里的关键就是给他们传递相同的参数value；而这个任... 阅读全文

posted @ 2010-06-09 09:14 轻舟阅读(3910) 评论(7) 推荐(6) 编辑

[分享] 实用的不间断滚动图效果，具备良好兼容；

摘要：网上有不少图片滚动的效果代码，但大多兼容性不好，或者结构混乱，xhtml，css，js 均没有得到良好的优化，下面介绍一个方法；基本上实现结构跟行为相分离，两者的联系只需要一个id就可以，使用起来很方便，而且同一个js代码可以实现在本页面多个滚动图效果，之间互不干扰，1.xhtml[代码]<div class="demo" id="demo2">... 阅读全文

posted @ 2010-06-04 20:18 轻舟阅读(2901) 评论(8) 推荐(5) 编辑

[分享] 实用的结构和行为相分离的标签切换

摘要：做前端工作的朋友都知道网页重构要实现结构（xhtml）、表现（css）、行为（javascript）相分离；那么为什么要分离呢？我总结了几点，希望大家多提宝贵的意见。（1）将js与xhtml相分离，使文档结构清晰，美观，也易于代码的管理维护和重用，编好的js文件可以被多个页面调用。（2）试想一下，如果页面需要大量的触发事件，为了避免使用过多的“onmouseover” &... 阅读全文

posted @ 2010-06-03 14:19 轻舟阅读(1237) 评论(0) 推荐(1) 编辑

js判断浏览器版本和类型

摘要：方法一：对浏览器类型的判断和版本的判断可以合为一体地进行；通过分析浏览器的userAgent属性来判断；示例：IE的userAgent如下：Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)；Firefox 的userAgent如下：Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 ... 阅读全文

posted @ 2010-06-01 15:00 轻舟阅读(510) 评论(2) 推荐(1) 编辑

[分享]多个选项卡切换效果

摘要：实现的效果图：鼠标经过选项卡，弹出相对应的内容，选项卡个数不限；1.html[代码]2.csscss定位应该注意到地方：1. .box dt 需要给其加float：left；才能使dt标签位于一行当中，这里需要给其加上display：inline；才能保证ie6.0下显示正常；2. dt标签卡跟下面的内容框是有间隙的，但当前选项卡应该跟其内容框融为一体，让用户更容易捕捉信息内容，需要让上面的标签卡... 阅读全文

posted @ 2010-06-01 10:35 轻舟阅读(4161) 评论(0) 推荐(1) 编辑

搜索

常用链接

我的标签

随笔档案 (22)

阅读排行榜

评论排行榜

推荐排行榜

最新评论