整体结构 滚动轮播 <style type="text/css"> body { background: #424242; } * { padding: 0px; border: 0px; margin: 0px; outline: none; list-style: none; text-deco ...
分类：
Web程序 时间：
2016-08-26 06:38:26
阅读次数：
232
此次随笔记录，讲述在同时有边框、背景颜色，且颜色都带透明度时相互的影响。 问题的思考源于想要用圆角边框和背景，制作图片轮播的圆形按钮。 由于按钮需要在图片上方显示，所以为了减轻对图片的遮挡，改善视觉效果，需要给边框和背景加上透明度，于是我是这么写的 然后发现这样不行 经前辈提醒，发现是有透明度时边框 ...
分类：
其他好文 时间：
2016-08-23 16:46:45
阅读次数：
198
以4张图片为例：1.基本布局：将4张图片左浮动横向并排放入一个div容器内，图片设置统一尺寸，div宽度设置4个图片的总尺寸，然后放入相框容器div，相框设置1个图片的大小并设置溢出隐藏，以保证正确显示一个照片。2.设置动画：然后使用css3动画，通过对photos进行位移，从而达到显示不同的图片， ...
分类：
Web程序 时间：
2016-08-22 18:18:40
阅读次数：
468
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>图片轮播-v2</title> <style> ul{ margin: 0; padding: 0; list-style: none; } .sliderWrap{ width: 2 ...
分类：
其他好文 时间：
2016-08-19 19:03:53
阅读次数：
166
<div id="tupian"></div><script>var jpg =new Array();jpg[0]="url(c.jpg)";jpg[1]="url(d.jpg)";jpg[2]="url(x.jpg)";jpg[3]="url(z.jpg)";var tjimg = docume ...
分类：
Web程序 时间：
2016-08-19 18:58:12
阅读次数：
138
<div class="box"> <div class="box1"></div> <div class="box2" id="box2"> <ul class="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6 ...
分类：
Web程序 时间：
2016-08-19 18:51:25
阅读次数：
175
1、百度图片轮播图unslider，第一个就会出现jquery unslider轮播图，点击进去，下载网站提供的文件，解压，内部有我们需要使用的各种js,图片等。 2、在自己的eclipse或者intellij idea中搭建一个可以正常运行的web工程 3、在WEB-INF下创建一个jsp文件夹， ...
分类：
其他好文 时间：
2016-08-17 15:30:06
阅读次数：
231
一、布局 二、JavaScript实现 三、JavaScript函数封装 ...
分类：
编程语言 时间：
2016-08-16 19:54:04
阅读次数：
269
一，jquery方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片轮播 jq(左右切换)</title> <style typ ...
分类：
Web程序 时间：
2016-08-16 00:04:30
阅读次数：
246
（1）首先是页面的结构部分 对于我这种左右切换式 1.首先是个外围部分（其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方（也就是一个banner吧） 3.然后是一个图片组（可以用新的div 也可以直接使用 ul-->li形式） 4.然后是图片两端的左箭头和右箭头5.然后是一个 ...
分类：
Web程序 时间：
2016-08-13 18:18:33
阅读次数：
254
