一个特帅的展示图片的js+css

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML lang=it dir=ltr xml:lang="it" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>CSS+JS控制图片展示</TITLE><STYLE>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 70% Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px; TEXT- ALIGN: center}#outer { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/images/bg-outer.gif) repeat-y center top; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 780px; PADDING- TOP: 0px; TEXT-ALIGN: left}#wrapper { BACKGROUND: #fff; MARGIN: 0px 4px}#content { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 400px; PADDING-BOTTOM: 20px; MARGIN: 20px 30px; PADDING-TOP: 0px; POSITION: relative}#focus { BORDER-RIGHT: #ccc 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 2px solid; PADDING-LEFT: 0px; MIN-HEIGHT: 188px; BACKGROUND: url(/images/tile.gif) #eee repeat -y left top; PADDING-BOTTOM: 10px; MARGIN: 25px 0px 30px; BORDER-LEFT: #ccc 2px solid; WIDTH: 100%; PADDING-TOP: 15px; BORDER-BOTTOM: #ccc 2px solid; POSITION: relative; HEIGHT: 188px}#beni { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 250px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 15px}#beni LI { BORDER-TOP: #fff 1px solid; FONT-SIZE: 12px; FLOAT: left; WIDTH: 250px; TEXT- INDENT: 24px; LINE-HEIGHT: 26px}#beni LI.first { BORDER-TOP: 0px}#beni LI A { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; PADDING- LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: #eee; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none}#beni LI A:hover { BACKGROUND: #f9f9f9}</STYLE></HEAD> <BODY id=home> Opere e oggetti d'arte Architetture Reperti archeologici Stampe e matrici di incisione Fotografie Beni etnoantropologici </BODY></HTML>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

一个特帅的展示图片的js+css

相关推荐

css+js构建的图片查看器

通过js和css来实现控制修改网页的图片大小代码

采用css和js,刚好我最近有个站点要用到下拉菜单!

div+css+js树型菜单，可刷新

js+css模拟ip输入框

一段非常简单的让图片自动切换js代码

用javascript获取网页中的js、css、flash等文件

图片从右至左滚动js

ｊｓ＋ｆｌａｓｈ幻灯片播放图片脚本，整理了代码，使得调用更加方便！

js模拟滤镜的图片渐显效果

js实现图片点击左右轮播

js实现头像图片切割缩放及无刷新上传图片的方法

javascript实现动态导入js与css等静态资源文件的方法

使用html+css+js制作简单的网页菜单界面

纯js实现本地图片预览的方法

js+css实现表格高亮的方法

jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法

分享怎么通过js静态页面来实现分页阅读

利用js来实现图片之间的切换

怎么通过js脚本来接受键盘指令

通过js实现经典的带阴影的可拖动的浮动层特效

如何通过js实现内容分页阅读，新闻阅读类型专用

通过js实现鼠标滑过改变颜色代码源码

通过js实现文件下载代码

怎么利用html来通过js实现九宫格布局效果

巧用js来实现时间校验的代码

怎么通过jsonp解决js跨域问题的实现

html页面实现特效：js和vue实现跑马灯效果

怎么通过js校验开始时间和结束时间源码

评论

在线客服