JS判断来路哪个搜索引擎来的并提示加入收藏
2010-04-16
今天时代前端在网上闲逛时无意间发现的一个非常实用的JS代码,如果你通过搜索引擎访问该网站,则提示:您通过XX搜索引擎来到XX网站… 是否加入收藏夹?另外还有提示设置首页的功能。
友情提示:请自行修改代码中的时代前端网址。
实例代码:
var sitename = “时代前端”;... 详细内容
无缝滚动js代码-纵向和横向两种
2010-04-08
js无缝滚动效果,可应用于图片,文字等等,也可以做广告展示哦,鼠标放到图片上还会停止的。
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www... 详细内容
文字向上不间断滚动代码-兼容各浏览器
2010-04-02
文字无间断滚动代码,兼容IE、Firefox、Opera
鼠标放上去停止滚动,一开继续滚动。
<!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... 详细内容
163网易的Tab滑动选项卡-可重复
2010-04-02
163网易的Tab滑动选项卡-“延时效果”
想在一个页面里面重复利用这个tab需要下面修改:
1.<li id=”menu1″ onmouseover=”setTab(‘menu’,1,2)”>高职高专</li> 中的 ‘menu’更改一下
2.<div id=”con_menu_1″> ... 详细内容
带缓冲显示和收缩的隐藏层效果
2010-04-02
缓冲效果+伸缩隐藏层
js写的可以上下慢慢的缓冲的效果来显示隐藏层,其实这个用jquery来做的话更简单。O(∩_∩)O~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xm... 详细内容
给链接加上漂亮的对话框式提示效果
2010-04-02
鼠标滑过链接出现的对话框式提示效果,自适应大小。
<!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">
<hea... 详细内容
优化textarea的样式—textarea背景图片的设置
2010-04-02
1,初始状态:
优化textarea的样式---背景图片的实现
当鼠标点进去写东西的时候,如下图:
交互设计中心-72色交互设计中心 |
默认用了一个bg图片,在文本框获得一次焦点后把背景图片去掉了,后来再失去焦点的时候用的是第三个样式。
代码是copy下来的,图片路径修改成了绝对路径。
&... 详细内容
封装好的javascript图片滑动效果
2010-03-31
这是一个封装图片滑动效果,您只需要对一下封装好的进行设置就可以实现相应的效果!原来js也可以这么简单。
调用方法:glide.layerGlide(auto,oEventCont,oSlider,sSingleSize,second ,fSpeed,point);
*glide.layerGlide(auto,oEventCont,oSlider,sSingleSize,second ,fSpeed,point);
*@p... 详细内容
非常精简的JS DIV层tab切换代码
2010-03-30
下面的代码是比较精简的js tab切换代码,原理也比较简单。
去掉了繁琐的外壳,这样自己要用的时候是不是更方便呢?
<title>DIV层切换|时代前端</title>
<script language="JavaScript" type="text/javascript">
function ChangeDiv(divId,divNam... 详细内容
javascript中的107个基础知识收集整理
2010-03-30
1.document.write(“”); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID... 详细内容