jquery仿360浏览器猜你喜欢悬浮的更多图片列表查看代码



137 547 183



特效描述:猜你喜欢悬浮 更多图片列表查看,

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery-1.8.8.js"></script>

2. HTML代码

<div class="liketome">
	<div class="header">
		<span class="arrow up"></span>
	</div>
	<ul class="menu">
		<li  style="padding-left:0px;margin-left:0px; width:150px; height:91px; background:url(images/uiuiuiuiiu.jpg) no-repeat left;"></li>
		<li><a href="#nogo"><img src="images/baozou.jpg" width="127" height="91"  title="美女壁纸1"><span>美女壁纸1</span></a></li>
		<li><a href="#nogo"><img src="images/baozou2.jpg" width="127" height="91" title="美女壁纸2"><span>美女壁纸2</span></a></li>
		<li><a href="#nogo"><img src="images/baozou3.jpg" width="127" height="91" title="美女壁纸3-格格"><span >美女壁纸3-格格</span></a></li>
		<li><a href="#nogo"><img src="images/baozou4.jpg" width="127" height="91" title="美女壁纸4"><span>美女壁纸4</span></a></li>
		<li><a href="#nogo"><img src="images/baozou5.jpg" width="127" height="91" title="美女壁纸5"><span>美女壁纸5</span></a></li>
		<li><a href="#nogo"><img src="images/baozou6.jpg" width="127" height="91" title="美女壁纸6"><span>美女壁纸6</span></a></li>
		<li><a href="#nogo"><img src="images/baozou7.jpg" width="127" height="91" title="张娜拉-美眉"><span>张娜拉-美眉</span></a></li>
		<li  id="xx" style=" width:50px; height:91px; float:right;"><a href="#nogo"  class="xxx" title="关闭">X</a></li>
	</ul>      
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 顶部悬浮 底部悬浮 滑动导航菜单 浮动导航菜单 收缩导航菜单 带标题的焦点图 滑动选项卡切换 图片广告 文字收缩展开 带缩略图的幻灯片 带简介的焦点图 图片滑动 对联广告 图片收缩展开 图片轮播 文字滑动 自动滚动图片轮播 叠加浮动层 滑动手风琴 马赛克幻灯片 滑动星星打分 全屏焦点图 滑动滑过 flash焦点图 悬浮浮动漂浮 收缩收起展开 浮动提示框 焦点图幻灯片

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到