主页 个人前端笔记 nivoSlider幻灯片插件如何使自定义html说明
admin
发表于2013-03-11 09:34:46    只看楼主 楼主
头衔:  精益求精
注册时间: 2012-10-07
用户组: 日常管理组
发帖数:  502
金币数:  186
短消息
<a href="http://www.xxx.com/xxx.html"><img name="xxx" 
alt="xxx" src="images/A-1.jpg" data-transition="slideInLeft" title="#htmlcaption"/>
<div id="htmlcaption" style="display:none;">xxx school</div></a>

单单这样处理,html标题会在图片底部显示
使用下面的css
<style>
.nivo-caption{font-size:40px;color:#fff;font-weight:bold;
position:relative;top:-260px;
left:24px;line-height:40px;width:auto;width:296px;
background:transparent;opacity:1;-moz-opacity: 1;
filter: alpha(opacity=100);padding:0px;}
</style>

回复人
回复内容

Powered BY YouYaX
个人自主开发论坛,从2010年10月份开发至今!

操作管理