小公司,boss不招MM,美工这块只有自己来慢慢折腾了.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
margin:120px auto auto 420px;
font-size:12px;
font-family:Verdana;
line-height:1.5;
}
ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form {
padding:0;
margin:0;
}
ul {
list-style:none;
}
img { border:0px;}
a {
color:#05a;
text-decoration:none;
}
a:hover { color:#f00;}
#layout {
width:390px;
border:2px solid #ccc;
padding-bottom:20px;
overflow:auto;
float: none;
clear: both;
}
#layout ul li {
text-align: center;
margin: 20px 0px 0px 20px;
float: left;
width: 72px;
}
#layout ul li a {
display: block;
}
#layout ul li a img {
padding: 1px;
margin-bottom: 3px;
border: 1px solid #FF0000;
}
#layout ul li a:hover img {
padding: 0px;
border: 2px solid #0000FF;
}
-->
</style>
</head>
<body>
<div id="layout">
[list]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[*][url=#][img]sound.png" width="68" height="54[/img]亚信[/url]
[/list]
</div>
</body>
</html>
上图:
- 大小: 81.2 KB
分享到:
相关推荐
PC端专用横向图文列表展示效果,本人基于jQuery开发制作的前端常用效果插件
jQuery横向图文手风琴代码.zip
一款动画效果相当平滑的jquery图标式菜单,动态滑动的jquery横向图文菜单,需要手动控制滑动,点击左右两侧的箭头即可实现滑动。这个菜单在设计的时候,图标是基于图片的,因此若菜单项比较多,则需要引入比较多的...
jQuery基于css3制作精美黑色的横向手风琴布局滑动切换效果,结合大图和标题文字切换。这是一款大气的企业品牌产品图文手风琴布局代码。
超精美的jquery横向图文滚动特效,其实就是图片滚动,但是本效果设计的十分精美,而且每张图片都显示文字信息。左右两边的箭头,用于切换图片滚动,滚动时的速度有缓冲效果,先快后慢,慢慢停止。这种设计风格更像是...
横向走马灯代码
jQuery横向图文手风琴代码是一款jQuery基于css3制作精美黑色的横向手风琴布局滑动切换效果。
jQuery限时限量抢购商品图文列表滚动切换代码,商品有三种状态:正常、卖光了、活动结束,带左右箭头按钮控制切换。
仅供学习交流使用,不提供技术支持
CSS+jQuery箭头控制图文左右滚动代码。
3、首页增加今日头条图文列表样式。 4、帖子列表页增加顶部样式,帖子显示页样式优化。 5、美化了登录注册页。 6、美化了用户中心页面。 7、本模板是仿照今日头条手机APP的样式进行制作,基本做到样式一致; 论坛...
“推拉窗”样式图文菜单,横向滑动展开,本代码中引入了jQuery插件,菜单更具动态,用鼠标点击图标,菜单会展开,内容显示出来,点击第二个的时候,之前的自动合拢,确保手风琴所占的位置始终不变。
高可定制化,既支持横向,也支持纵向布局的图文 Segment Control 组件.zip,用swift编写的ios自定义分段控件。支持垂直布局。支持图像和文本。高度可定制。
一款非常精美的jQuery+css3图文布局手风琴滑动切换代码,图片结合文字内容介绍横向手风琴展示效果。
本文实例为大家分享了微信小程序图片左右滑动的具体代码,供大家参考,具体内容如下 图片左右滑动效果图: wxml代码: <image class=upload_Item_img src=../../image/test1.jpg></image> ...
https://github.com/amber01/WSHorizontalListView.git ,在UITableViewCell中添加横向滚动视图,用于展示不同图片。利用UICollectionView的优点,从而性能上有很大优化
jQuery图文切换时间轴代码基于jquery.1.10.2.min.js制作,点击箭头按钮,左右切换。
水平横向排列的flash 简洁菜单,flash图文菜单,支持鼠标动画,鼠标放上后菜单具有动感效果,喜欢flash的可拿出参考学习Flash动画菜单,当然也可把本款Flash菜单用在你的网站上哦。
CSS 图片列表,横向 VB定时关机源码示例 一个好用的C++日志生成类 JS+CSS联合打造图文结合动感菜单 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
内容索引:脚本资源,jQuery,折叠面板,滑动门 jQuery Horizontal Accordion 2.00,来自国外的一款横向展开、折叠的滑动门菜单,其实很早就发现这款菜单了,圆弧型风格,自带有几种切换方式,学习jQuery动画菜单非常...