第181天:鼠标触发事件改变样式的例子,人不在多在于精(& F8Team)

星期一 小雨转阴 8~15℃

鼠标触发事件改变样式的例子

//使用className
onmouseover="this.className=’btn_mouseover’"

//直接定义样式
onmousemove="this.style.position=’relative’; this.style.left=’2px’"

//使用backgroundImage,不同于css样式中的写法background-image
onmouseover="this.style.backgroundImage=’url(/imgs/test.gif)’"

//辅助定义,用于代替例中的"this"
var myId = document.getElementById(‘testId’);

应用举例(先定义好两个链接样式):

css:

.currentA:link { color:#FFFF00 }
.currentA:visited { color:#FFFF00 }
.currentA:active { color:#FFFF00 }
.currentA:hover { color:#FFFF00 }

.currentB:link { color:#FFFFFF }
.currentB:visited { color:#FFFFFF }
.currentB:active { color:#FFFFFF }
.currentB:hover { color:#FFFFFF }

js:

function currentLink(current){
 for(i=1; i<=12; i++){
  //加if防止由于疏忽遗漏ID或错定义ID导致脚本出错
  if(document.getElementById("mainMenu_"+[i]) != null){
   document.getElementById("mainMenu_"+[i]).className=’currentB’;
  }
 }
 current.className=’currentA’;
}

html:

<ul>
  <li><a href="#@" onclick="javascript:currentLink(this)" id="mainMenu_1" class="currentB">菜单1</a></li>
  <li><a href="#@" onclick="javascript:currentLink(this)" id="mainMenu_2" class="currentB">菜单2</a></li>
  <li><a href="#@" onclick="javascript:currentLink(this)" id="mainMenu_3" class="currentB">菜单3</a></li>
<ul>


F8team交流:发挥各自强项,人不在多在于精 ( & F8Team )

……

熊小明 16:10:44
恩, web服务可以调用,但ryan 这边先得把用户的地区给我

朱高 16:11:22
这个是要等uch上线后再说了

Ryan 16:11:23
地区目前只能通过 用户登录的ip  通过纯真ip库 去获取

Ryan 16:11:30
应该都是可以的

朱高 16:11:42
是的,就是一个接口问题

熊小明 16:12:02
恩,我请求你的后台,不就可以获得ip了吗,然后你返回给我 地区

Ryan 16:12:22
对 完全可以的

Ryan 16:12:44
反正flash里不能直接获取的数据,都统一调用我们预定义的接口

熊小明 16:13:40
要得

朱高 16:13:42
很好很强大

朱高 16:14:18
各人都让自己的长项发挥出来,这就是一个很强大的团队了

熊小明 16:14:52

朱高 16:15:44
闪友上了以后,就可以把51as慢慢结合进来了,再扩充我们的人员编制,我想,等到一定的时候,不用我们找VC,自然会有人来找我们的

Ryan 16:16:10

……

Flx 17:16:18
我好像来晚了

朱高 17:17:07
不要紧,我们讨论的是调用数据的话题

朱高 17:17:25
你的任务是画窗户

Flx 17:18:32

朱高 17:18:33
各自负责各自的领域。
人不在多,在于精。。。


The Bear and the Fox
from http://classics.mit.edu/Aesop/fab.1.1.html#212

A Bear boasted very much of his philanthropy, saying that of all animals he was the most tender in his regard for man, for he had such respect for him that he would not even touch his dead body. A Fox hearing these words said with a smile to the Bear, "Oh! that you would eat the dead and not the living."

死者不会说话。

RSS

上一篇:

下一篇:

Comments (2)

  1. 自己注册的,也不知道用来干嘛..

  2. 给你一个域名做UCH吧…zhenxi8.com(珍惜吧)

    嘎嘎..

    回复:想起前不久的kaixin.com事件,深感互联网的昏暗。今天一早来看到这条留言,心里很暖,谢谢枯萎:)

    记录一下这次馈赠,以便日后怀念:

    朱高 09:24:24
    在吧

    享受枯萎 09:56:56
    在.

    朱高 09:57:15
    看到你的留言了:)

    朱高 10:00:21
    刚才我们团队内部讨论了下,觉得这个域名确实很有意义,对于现在越来越不懂珍惜的一代来说,很有意义。

    所以我们很愿意接受你的馈赠:)

    但是因为 uch 是打算和 dede 结合起来做同一个产品,也就是 dede 和 uch 的用户数据库会联系起来,所以等于是一个产品。

    不过这个zhenxi8.com将来很可能会对我们有用,比如我们开发了另一个产品,关于珍惜友情的,那时用它就很好了。

    朱高 10:00:56
    你本来注册下来也不知道用来干什么的?

    享受枯萎 10:03:01
    哦.也不是啦.我本来打算给女友用的.但看来你们可能更加需要这域名.另外我也没有别的赚钱的意思.只是馈赠.

    朱高 10:08:05
    是啊,我知道是馈赠,哈哈。。。

    朱高 10:08:21
    这个我是不会想歪的:)

    朱高 10:09:17
    你先留着,以后我们需要时你如果还没用上的话,再来论论,以后我们人员扩展,说不定还要邀你入队呢:)

    享受枯萎 10:09:41
    那你下一步的打算呢.如果要.就和你说一声.我给你管理域名的资料.

    享受枯萎 10:09:58
    呵呵.嗯.希望是.

    享受枯萎 10:10:31
    就和我说一声.我给你管理域名的资料.
    打错了…

    朱高 10:11:11
    好。

    …………

    朱高 回复于 2008-11-18 11:19:23

享受枯萎进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注