第一次写项目开发经验,望担待。除了前端以外的事就不叨叨了,下面开始弄干活(两个页面首页、列表页)。项目开发简述项目需求:上传图片并展示。项目地址:项目的链接地址开发工具:sublime后台:java开发语言:项目运用到的技术:css3+html5+jquery+ajax jsonphtml部分重点说一下这两个地方:做了一个li,里面放一个span用来做数字标题,再用border-radius做圆角
效果图:传不上来。。。 在线预览地址:地址代码<!doctype html><html><head> <
原创 2023-04-30 20:45:27
362阅读
<div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff> <div id=demo1> <!-- 定义图片 --> <img src="p_w_picpaths/logo_1.gif"> <
<div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff> <div id=demo1> <!-- 定义图片 --> <img src="p_w_picpaths/logo_1.gif"> <
<!--把下列代码放到HEAD区域内--><head><title>连续环绕滚动图片</title><script type='text/javascript'>function carousel(params){  if(!(params.width>0 && isFinite(params.width)))par
转载 2021-08-10 10:54:14
55阅读
先制作向上滚动的效果: 插入代码: 制作向下滚动的效果: 将上面“制作向上滚动的效果”中的红色字体Js部分替换成: 制作向左滚动的效果: 制作向右滚动的效果: 将上面“制作向左滚动的效果”中的红色字体Js部分替换成: 制作的方法就简单的介绍完成了。
转载 2007-07-19 22:59:00
92阅读
2评论
一、知识点语法:element.scrollLeft返回当前视图中的实际元素的左边缘和左边缘之间的距离无缝滚动即利用scrollLeft搭配定时器实现无限移动效果;注意:构造时需要前后一致的2套图片,用于制造视觉盲区,感觉不到图片组切换过程; 二、步骤 1.构建基本结构样式 2.添加无限滚动事件,将其封装为一个函数,定义speed变量控制移动的速度//滚动方法 function
转载 2023-07-22 23:28:41
815阅读
上下左右无空隙不间断图片连续滚动代码 向上的 复制内容到剪贴板 代码: <div id=demo style=overflow:hidden;height:100;width:90; background:#214984;color:#ffffff> <div id=demo1> <img src="http://www.baidu.com/img/logo.gif"
转载 精选 2013-12-26 17:08:08
461阅读
后,终会占有蓝天。文章结束给大家分享下程序员的一些笑话语录: 看到有人回帖“不顶不是中国人”,他的本意是想让帖子沉了。----------------
转载 2013-06-22 22:50:00
423阅读
2评论
今天感冒变严重了,鼻涕止不住啊,一卷卫生纸就这样报废了,还是不想吃药,熬熬总能熬过去吧,状态不是很好,看这么个小应用竟然看了很久的时间,到最后才像猛的明白了一样,而且查着好像有好几种做法的,今天先说说这种吧,比较好理解额。所谓“图片无缝滚动”,我们可以这样来理解,如果只用marquee,则需要尾部也离开容器了,头部才能从头部另一端出现,重新进行滚动,如是进行循环,而无缝滚动,就是说一种首尾相连的效
<table width="450px" border=0 cellpadding=0 ce
转载 2012-02-13 21:02:00
70阅读
2评论
向上: 向下: 向左: 向右:
转载 2007-09-20 16:27:00
35阅读
2评论
 向上: href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> var speed=30 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetT
原创 2021-07-30 15:27:06
144阅读
向上: <base href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/"> <div id=demo style="overflow:hidden; width:128px; height:300px;"> <div id=demo1> <img src="gfjs.gif"><br><img src="bxtt.gif">
转载 2007-09-20 16:27:00
59阅读
2评论
最近做了个图片循环轮播的功能。就是几张图片不断的循环滚动显示。感觉这个方法不错所以把实现过程记录下来:图片间隔循环轮播:1、html里面把要进行轮播的图片用一个容器包起来,用js来控制这个容器滚动,当然最外面的容器要设置overflow:hidden;。2、css里面控制这个容器的位置,实现滚动就需要用到定位。3、js里面利用jquery的animate动画函数实现滚动。 js列子:va
转载 2023-09-16 00:02:25
51阅读
今天研究了一下图片滚动,网上有很多可以使用的例子,所以先是找了一个用的是表格布局的,如下: 图片/链接1
原创 2022-11-17 11:43:42
146阅读
图片横向滚动效果有很多种,比如图片无缝循环的滚动图片从左到右、从右到左两个方向的滚动图片有放大镜效果的滚动等等。那懒人萱这次共享的JS特效代码是图片无缝循环的滚动图片从左到右、从右到左两个方向(支持连续/停顿方式滚动)的图片横向滚动效果。这两种方式都可以用一个JS代码实现,只是稍微的有些不同,如图所示:JS特效代码大全(六)图片横向滚动效果你首先要下载图片横向滚动效果源代码。为了方便大家,做
  图片横向滚动效果有很多种,比如图片无缝循环的滚动图片从左到右、从右到左两个方向的滚动图片有放大镜效果的滚动等等。那懒人萱这次共享的 JS特效代码是图片无缝循环的滚动图片从左到右、从右到左两个方向(支持连续/停顿方式滚动)的图片横向滚动效果。这两种方式都可以用一个JS代码实现,只是稍微的有些不同,如图所示: JS特效代码大全(
利用javascript+css+dom实现的仿marquee滚动功能,不过比marquee更完善,可以连续不间断的滚动<div id="sc
转载 2023-08-28 14:57:00
93阅读
截一个效果图:       看到这个需求图,先理一下思路:首先左侧是一个展示区,我可以用一个单独的div来存放,右侧是一个图片滚动区,我用table来存放这些图片(当然div也可以),进而实现图片滚动,也就是大图滚动,相信大家已经轻车熟路了,然后把需求分步列一下,逐步实现。整理几个关键点:1.右侧图片滚动以2个tr为一组,我是用twee
  • 1
  • 2
  • 3
  • 4
  • 5