第一次写项目开发经验,望担待。除了前端以外的事就不叨叨了,下面开始弄干活(两个页面首页、列表页)。项目开发简述项目需求:上传图片并展示。项目地址:项目的链接地址开发工具:sublime后台:java开发语言:项目运用到的技术:css3+html5+jquery+ajax jsonphtml部分重点说一下这两个地方:做了一个li,里面放一个span用来做数字标题,再用border-radius做圆角
<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"> <
先制作向上滚动效果: 插入代码: 制作向下滚动效果: 将上面“制作向上滚动效果”中的红色字体Js部分替换成: 制作向左滚动效果: 制作向右滚动效果: 将上面“制作向左滚动效果”中的红色字体Js部分替换成: 制作的方法就简单的介绍完成了。
转载 2007-07-19 22:59:00
92阅读
2评论
<!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 htt
在body中增加div:<div id="photo-list"></div>在js中写入onload方法(domain,urls)传入图片地址与域名,(图片最少5张,显示4张)function initOnloadAction(domain,urls,page_id){var id = function(el) 
jsp
原创 2015-06-26 16:49:19
937阅读
图片横向滚动效果有很多种,比如图片无缝循环的滚动图片从左到右、从右到左两个方向的滚动图片有放大镜效果滚动等等。那懒人萱这次共享的JS特效代码是图片无缝循环的滚动图片从左到右、从右到左两个方向(支持连续/停顿方式滚动)的图片横向滚动效果。这两种方式都可以用一个JS代码实现,只是稍微的有些不同,如图所示:JS特效代码大全(六)图片横向滚动效果你首先要下载图片横向滚动效果源代码。为了方便大家,做
转载 2023-10-07 23:12:11
226阅读
  图片横向滚动效果有很多种,比如图片无缝循环的滚动图片从左到右、从右到左两个方向的滚动图片有放大镜效果滚动等等。那懒人萱这次共享的 JS特效代码是图片无缝循环的滚动图片从左到右、从右到左两个方向(支持连续/停顿方式滚动)的图片横向滚动效果。这两种方式都可以用一个JS代码实现,只是稍微的有些不同,如图所示: JS特效代码大全(
<!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 Read More
转载 2013-05-01 23:00:00
76阅读
2评论
jquery 图片自动无缝滚动                     ul,li { list-style: none;margin: 0; padding: 0;}       li { float: left;}       img { width: 100px; height: 100px; padding:0 2px}       .a { width: 400p
原创 2022-06-30 16:01:22
395阅读
首先,无缝滚动的第一个重点就是——动。关于怎么让页面的元素节点动起来,这就得学明白关于JavaScript中定时器的相关知识。  JS中的创建定时器的方法包括两种:setTimeout和setInterval。首先它们接收的参数相同:第一个参数是一个函数,用于定时器执行,第二个参数是一个数字,代表过多少毫秒之后定时器执行函数。它们的不同在于:setTimeout 是在经过指定的时间之后,只执行一次
HTML5确实非常强大,很多时候我们可以利用HTML5中的新技术实现非常炫酷效果时,这些效果也非常消耗电脑的CPU,但是这些HTML5效果确实能给用户带来不一样的用户体验。今天我要跟大家分享一些HTML5实现的惊艳特效,希望大家喜欢。一、基于ApexCharts的H5曲线图表ApexCharts是一款基于JavaScript和HTML5的现代化图表库,功能十分强大。我今天分享的这款曲线图表便是基于
我们在做web开发的时候,前台的效果要求是很高的,因为对于不懂程序的用户来说,前台的视觉冲击,无疑是对我们产品的第一印象。 在完成web图片各种功能上,很多框架有很绚丽的效果,但今天我们来看看用原生的js如何简单的实现这些功能。欢迎大家交流指正。 1.相册左右点击翻页功能 实现步骤 1.需要一个HTML标签img,添加一张图片。 2.然后需要添加一个js事件onmouseover
在制作网页的时候,很多情况下会遇到需要某一个文字或者图片像广告那样水平或者垂直的滚动,这样的效果JavaScript可以制作,但是比较麻烦,直接看那些代码会感觉到非常的复杂。这里我们来介绍一种简单的方式实现这样效果,他就是HTML标签中的marquee,他其实是一个容器标签。该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
原创 2020-03-16 20:56:30
277阅读
下面第5点是原始内容,我先试验了多行文字滚动,一通则百通,会一个了,那其它的你们可以自己试试。多行文本向上滚动无限次<marquee scrollamount="2" direction="right" width="300">这里写字幕内容<br/>   这个是代码1、先写内容,比如我的:新店开张。。。。。2、点编辑html源码出现(图片里的源文件是我修改过的)。3
效果图:传不上来。。。 在线预览地址:地址代码<!doctype html><html><head> <
原创 2023-04-30 20:45:27
362阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://w
原创 2022-11-15 22:21:07
167阅读
图片滚动控制效果-<BODY STYLE="overflow: hidden; border: 0"topmargin=0 leftmargin=0><tdstyle="padding: 5"><div id="testDiv" style="border: buttonface 2solid">http://www.fxzww.com/alixixi.gif">fun
原创 2022-07-20 17:05:44
58阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
原创 2020-03-16 20:56:30
318阅读
  • 1
  • 2
  • 3
  • 4
  • 5