作者b0339576 (<( ̄︶ ̄)>)
看板Blog
标题Re: [无名] 请教滑鼠移过图片更换的语法
时间Fri Oct 14 01:51:12 2011
※ 引述《ych1022 (玄米)》之铭言:
: 前面的回文我先自砍,
: 首先感谢b0339576的教学~又学到东西了
: 不过目前我的语法写在"网志叙述"中
: 网志叙述 > 我设了六个图片连结
: 但是.description我放不到网志叙述中
网志描述只支援HTML
但.description a:hover{}是CSS的写法
所以一定要放到样式表才行,不能放在网志描述
: but如果把.description写到CSS
: 他是控制整个网志叙述的底片变换
: 但是我的网志叙述没有设定底图
.description{}是控制整个网志描述的样式
包含范围大小、位置、字体字级以及颜色、背景图、框线
等等各式各样关於外貌上的样子,不是只有底图这麽狭隘而已喔
但 .description a:hover{}控制的就是更细的范围了
只会动到网志描述中的每个连结而已
所以在样式表加上这个设定就可以一次控制那6个东西啦~
我刚刚测试是可行的
: CSS > 网志叙述 > 设定整体底图
: 而无法针对六个图片的个别图片~
: 想到的方法是就把网志叙述设定一个底图一个连结
你现在网志描述里有的 <a><img></a>
就是一个连结+一个图片了呀
<a></a>是连结,<img>是图片
: 再把.description写到CSS
: 如此会有滑鼠移过图片置换的效果(还没试过)
...我从一开始所说的就是这样啊 快去试吧 宝贝
你现在就缺一个.description a:hover{}而已~~~
如果样式表找不到这个东西,你可以自己手动新增
: 但是连结就会剩一个-3-
css只是让你的html穿上衣服变得更漂亮而已
他们之间是相辅相成的关系,不会互相冲突的
: 周末去诚品翻翻书-w-
--
※ 发信站 :批踢踢实业坊(ptt.cc)
◆ From: 114.27.148.159
※ 编辑: b0339576 来自: 114.27.148.159 (10/14 01:52)
1F:推 ych1022:-w-a目前在CSS加了.description, 选单可以做到位移~ 10/14 02:19
2F:→ ych1022:但是置换图片还是不行,给个连结~其实是模仿这个网站的效果 10/14 02:19
4F:→ b0339576:因为你一开始只有问位移的效果怎麽做呀~ 10/14 02:32
5F:推 ych1022:喵~ 10/14 02:47