交互设计中心-72色

交互设计中心 | 用户体验 | 优化

收藏本页功能的Javascript代码 兼容IE和Firefox的

2009年11月17日 | 分类：jquery/javascript | 评论：0 | 人气指数： ℃ | Tags：收藏  javascript   

< a href ="#"  onClick ="javascript:window.external.AddFavorite(document.URL,document.title);return false" rel="sidebar"> 收藏本页 </ a >
取得当前页的URL: document.URL
取得当前页的title: document.title
实现在Firefox中“收藏本页”的关键所在: rel="sidebar"

...


不要让js广告影响网页打开速度

2009年1月13日 | 分类：jquery/javascript | 评论：0 | 人气指数： ℃ | Tags：javascript  广告  

有些联盟广告的载入速度有些慢，影响了其它内容的打开速度。这时候我们可以使用下面的代码来解决这个问题：

1、首先把广告代码放到下面的代码中：

<span id="myads">广告载入中……</span>


2、然后在网页的底部（比如</body>前）加上下面的代码：

<span id="span_myads">这里放广告代码</span>
...


在css里面写javascript---css expression属性

2009年1月4日 | 分类：DIV+CSS | 评论：0 | 人气指数： ℃ | Tags：expression  javascript  

给元素固有属性赋值
　　例如，你可以依照浏览器的大小来安置一个元素的位置。

 

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
...


用DIV模拟弹出窗口－－窗体滚动跟随

2008年4月24日 | 分类：jquery/javascript | 评论：0 | 人气指数： ℃ | Tags：IE与Firefox兼容  javascript  js  div  

复制以下代码直接写到记事本里保存成html文件即可看到效果 IE6、IE7、FF2兼容，其他浏览器未测试 

<!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" lang="zh-CN">
<head>
<title>72色-http://www.72color.com/</title>
<script>
function getPosition() {
      var top    = document.documentElement.scrollTop;
      var left   = document.documentElement.scrollLeft;
      var height = document.documentElement.clientHeight;
      var width  = document.documentElement.clientWidth;
      return {top:top,left:left,height:height,width:width};
}
...


修复IE背景图片闪烁或不见的现象

2008年4月3日 | 分类：jquery/javascript | 评论：0 | 人气指数： ℃ | Tags：css  div  js  javascript  IE6  

为什么会出现闪烁或不见现象？
IE6在处理A标签的CSS定义中的背景图片属性时候，当你把鼠标移上去的时候每次都会去检查是否有一个新的版本。
你可能会看到背景图片短暂或更长的闪烁。可能因为，网速，CPU速度或者背景图片大小；
你也可能看不图片的闪烁，但会注意到鼠标指针由默认的形状变成闪烁的形状，意味着这里在运行着一些东西。
如果你改变了IE的“temporay internet files"设置为"每次访问此页时检查",那么你一定可以看到闪烁现象。
...


理解JavaScript中的事件

2008年3月25日 | 分类：jquery/javascript | 评论：0 | 人气指数： ℃ | Tags：javascript  js  js学习  事件  

在很多语言的学习中，“事件”都是一个比较难理解，但是又是一个很重要的概念。javascript中的事件处理也是一样，正因为有了事件处理，才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理，读过之后，您就会知道，很多Ajax框架实现拖动效果的原理了。
一、 IE Event对象
（一）IE Event对象的主要属性和方法
　　在IE中有一个专门负责事件处理的对象Event，这个对象负责对事件的处理，含有很多的属性和方法，通过这些方法和属性的调用，就能完成很多的事件处理。
...


真正解决FLASH边框线（完美去掉）

2008年3月13日 | 分类：jquery/javascript | 评论：1 | 人气指数： ℃ | Tags：javascript  js  flash  

方法一：加载flash.js，这个方法仅使用一般FLAH单独加载：

与之间添加：

<script language="javascript" type="text/javascript" src="/js/flash.js"></script>

flash.js 代码如下：


一个js非常简明的教程

2008年3月13日 | 分类：jquery/javascript | 评论：0 | 人气指数： ℃ | Tags：javascript  js  js学习  教程  

1.JS简介及特点

　　 JavaScript语言的前身叫作Livescript。自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript 重新进行设计，并改名为JavaScript。

...


根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

2008年3月12日 | 分类：jquery/javascript | 评论：0 | 人气指数： ℃ | Tags：IE  IE与Firefox的CSS兼容大全  css  javascript  js  ff  

判断分辨率，也判断浏览器

判断浏览器类型屏幕分辨率自动调用不同CSS的代码。

代码如下：



js最大化动态载入IFrame

2008年3月12日 | 分类：jquery/javascript | 评论：0 | 人气指数： ℃ | Tags：javascript  js  

这段代码虽说很简单，
可能到时候用的时候想不起来这么用。。。

<BODY style="margin:0;padding:0;">
  <iframe id="iframe" width="0" height="0" scrolling="Auto" frameborder="0" marginwidth="0" marginheight="0" ></iframe>
  <SCRIPT LANGUAGE="JavaScript">  
  var f= document.getElementById("iframe");
  f.src="http://www.baidu.com";
  f.width="100%";
  f.height="100%";
  </SCRIPT>
 </BODY>


分页：« 首页...«123»...尾页 »