作者b0339576 (<(￣︶￣)>)
看板Blog
标题Re: [无名] 请教滑鼠移过图片更换的语法
时间Thu Oct 13 02:07:29 2011
首先
如果你只是想让网页描述的选单排成一列的话
其实可以不必用到表格这麽复杂的语法
因为只要结尾没有<br/>这个断行标记
东西就会自动排成一列了
再说网志描述是有字数限定的，能够用最简化的语法就尽量简化
所以我建议你先把网志描述里的表格都拿掉
只留下超连结跟图片并简化成这样就好了
<a href="目标网址"><img src="图片网址">
</a> ←这个请千万不要漏了
<a href="目标网址"><img src="图片网址"></a>
<a href="目标网址"><img src="图片网址"></a>
如果要让他们之间有空隙，可以在结尾增加几个全形空白
也可以在CSS(就是样式表的地方)里增加以下设定：
.description a{margin-right: 10px;}
至於连结位移的语法也是在CSS设定
.description a:hover{ /*当滑鼠经过网志描述的连结时*/
position:relative;
top:2px; left:2px;
}
然後以下是让图片边框消失的CSS语法
img{border: 0px;}
※ 引述《ych1022 (玄米)》之铭言：
: 目前我无名选单的语法为
: <table border="0" align="left" cellspacing="2" cellpadding="2">
: <tbody><tr>
: <td><a title="叙述" href="目标网址"><img border="0" src="图片网址">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: </tr>
: </tbody></table>
: 写在网志叙述
: 试了几个方法
: 还是无功而返
: a:hover无法插到上面的语法中
: 估狗找到最接近的也只有
: 设定tbody:hover
: 让整体的背景色做更改
: -3-放弃好了
: ※ 引述《ych1022 (玄米)》之铭言：
: : 原以为无名无法支援这样的写法
: : 但今天在卢小桃的blog
: : http://www.wretch.cc/blog/peachnote/14087552
: : 发现上方的网志名称
: : 与板头下方的连结
: : 滑鼠移过去图片都会往下挪
: : 直觉认为这是图片置换的方式
: : 不过目前google所得结果只有用Dreamwave的java
: : 不知可板友知道呢?
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.27.39.168
※ 编辑: b0339576 来自: 114.27.39.168 (10/13 02:18)
1F：推 evanade:推 10/13 18:36
2F：推 ThisIsNotKFC:推热心详细的回覆 10/13 19:11
3F：推 ych1022:放弃~= =a语法放不进去, 现在无名不要倒掉我就阿弥投佛了 10/13 23:08
4F：→ b0339576:是哪里的语法放不进去呢？ CSS就要放在样式表里 不是跟 10/13 23:22
5F：→ b0339576:网志描述放一起呀 10/13 23:22
※ 编辑: b0339576 来自: 114.27.148.159 (10/13 23:30)