個人檔案❥·۰•●果果素材+教程大集合☃相片部落格清單 工具 說明
 

关于如何使用『引用通告』?
←和我link

←更丰富的主站   ←素材站留言+提问  ←link留言 

回應 (30)

請稍候...
很抱歉,您輸入的回應過長。請縮短您的回應。
您尚未輸入內容,請再試一次。
很抱歉,目前無法新增您的回應,請稍後再試。
若要新增回應,您的父母必須先給您權限。要求權限
您的家長已關閉回應功能。
很抱歉,目前無法刪除您的回應,請稍後再試。
您已超過每日回應上限次數,請於 24 小時後再試一次。
由於系統顯示您可能傳送垃圾郵件給其他使用者,因此您帳號中的回應功能已遭停用。 如果您認為自己帳號遭錯誤停用,請連絡 Windows Live 支援
請完成下列安全檢查,以完成回應。
您輸入的安全檢查字元必須與圖片或音訊中的字元相符。

若要新增回應,請以您的 Windows Live ID 登入 (若您使用 Hotmail、Messenger 或 Xbox LIVE,則您已擁有 Windows Live ID)。登入


沒有 Windows Live ID?註冊

5/8/2005

鼠标点击文字的代码设置

 


在整篇拿走的时候请注明图片出处
保留原地址或使用引用通告!!~~!!!~~~!!!!谢谢~

1.鼠标移到,链接变色(最基本拉,因为是变色,所以把a{}也拿出来对比,主要要看的是a:hover里的变化)
A {color: #51bfe0} 链接颜色为#51bfe0
A:hover { color: #000000 } 鼠标移过去为#000000


2.鼠标移到,链接加粗(bold就是粗体)
A:hover {font-weight: bold }

3.鼠标移到,链接出现下划线
A:hover {text-decoration: underline;}


4..鼠标移到,链接文字下面有背景色
A:hover {background-color: #CCFFFF}
(这里多说一句)加背景色的同时字体颜色也可一变,比如链接是黑色,鼠标移过是黑底白字,这样设置如下
A {color: #000000}
A:hover {background-color: #000000;color: #FFFFFF;}



5.鼠标移到链接,链接文字出现(上、下、左、右虚线、虚点)
A:hover {border-bottom:1px dashed #51bfe0 }

1px:虚线的粗细
dashed:线条的样式。dashed是“虚线”、dotted是“点线”、soild是“实线”
#51bfe0:线的颜色的代码。
border-bottom 那里代表会在文字的下方出现虚线,还可以是border-top(上面出线)、border-right(右面出线) 或 border-left(左面出线),若想文字的四边都出现虚线,可直接用border,border:1px dashed #51bfe0(这样就使鼠标移过有一个虚线或者点的框)



6.鼠标移到链接,链接雾化
A:hover {FILTER: blur (add="0",direction="90",strength="5"); COLOR:#ffffff; HEIGHT: 0px;}
其中add="0",direction="90",strength="5"为雾化的一些值,强度阿。大小阿之类的,可以改改看


7.鼠标移到链接,鼠标变化(这个问题问得也比较多)
A:hover { cursor:crosshair }
其中crosshair代表的就是鼠标里的十字精度,也就是我这里用的,也可以改成别的
cursor:text就是出现打字时那个鼠标
cursor:wait就是忙时出现的那个鼠标
这种方法实现的是调用的浏览者自己的鼠标,如果他把十字精度定义成了一朵花,那移过链接就是一朵花而不是十字

还有一种是让浏览者使用你定义的鼠标(好像我原来页面那样)
A:hover { cursor:url("http://www.5Dblog.com/new/1usachan.cur") }
这个地址就是你把鼠标上传到某个地方的绝对地址,这样的话鼠标移过链接就会显示这个你上传的鼠标,无论浏览者自己用什么样的鼠标


注意!以上的代码我只是提取了这个功能的代码,并不是某个状态完全代码,就比如鼠标这个
A:hover { cursor:crosshair }这个只是在激活状态定义了鼠标,我们还需要定义别的,比如:

A:hover { cursor:crosshair;
color: #000000;
border-bottom:1px dashed #51bfe0;
}

这样就是鼠标会变,颜色也变成了黑色,下面还有下虚线。也可以加上上面举的其它功能,功能之间用分号(;)分隔

 

在教材网上看到的很有用的dd

是帮助大家做网页时候用的

不需要的朋友可以不用看

虽然果果怕麻烦还没有自己网站呢

但是果果作为斑竹要不是的编写两个论坛的版面

果果经常更新的~所以这些文字效果很有用的

如果有自己网页的朋友也可以收藏一下这个教程

很好的哦~~~~

ps在space上不需要用

因此不需要的朋友不必研究了~^^

 
                                                     
10 月 23 日
2 月 3 日
撰寫:
我试用了,我的网站.http://zhangchen.cc.topzj.com
7 月 10 日
水做的猫撰寫:
  我也很笨呀,看不太懂是否能对我们这些不太懂的人讲明一些呀!谢谢了费心了!A {color: #51bfe0} 链接颜色为#51bfe0
A:hover { color: #000000 } 鼠标移过去为#000000
6 月 19 日
凯风自南撰寫:
请问文字代码在哪里设置啊?
 
6 月 9 日
撰寫:
A:hover { cursor:crosshair;
color: #000000;
border-bottom:1px dashed #51bfe0;
}
6 月 5 日
yujiang撰寫:
你的东西都很好,把你加入我的链接了。谢谢!
5 月 25 日
xuan撰寫:
呵呵~听起来不错,去看看~~先谢谢!!
5 月 6 日
羅Viking.3撰寫:
不明白``
4 月 21 日
大家好~~我是新手,谁费心教我一下啊,先谢了~~~
4 月 17 日
☜vimIko☞¤撰寫:
我的空间出现了问题  谁能帮帮我啊~~~~~~~~~5555555我快急疯了~~~~~先谢谢啦~~~~~~~~~5555555555555555555555
3 月 23 日
代码放到日志编辑的HTML里就可以!
2 月 11 日
怎么才能将记数器放在空间首页/
我已连接你的叶子
2 月 6 日
匿名 的圖片
寒冰落叶 撰寫:
发现你真的很厉害,所以我做了个链接,希望你不会介意
1 月 10 日
匿名 的圖片
LoVeLyPerLyN 撰寫:
Hello...
how are you
sorry that...
can i ask....?
what is this mean?!PLs...
coz i not very understand...
hehe
10s
1 月 4 日
匿名 的圖片
NightElf159 撰寫:
路过问一下
这代码能不能在msn space中使用?
1 月 4 日
匿名 的圖片
喜歡憂鬱的藍色 撰寫:
呵呵 很多东西 都没学会耶...
不介意我做个链接吧...
把"你"带回家 好好研究研究...
嘿嘿....^ -^
12 月 19 日
匿名 的圖片
飞跃ペ彩虹 撰寫:
晕~
看了半天没研究出来``好想弄吖,找位高手教教偶><
12 月 12 日
匿名 的圖片
泪之雨 撰寫:
可不可以写清楚点?! 那些东西都放哪?!~
10 月 25 日
匿名 的圖片
┾合合╁ 撰寫:
这个难啊!
10 月 9 日

引用通告 (2)

此內容的引用通告是:
http://zorroiwendy.spaces.live.com/blog/cns!27EA332395F8B7C!1596.trak
引述這則內容的部落格