‘壹’ 用PS把多张照片合成一个,并做上动画的文字及跑马灯形式的边框
程序很复杂啊,一下两下的说不清楚的。
‘贰’ 图片跑马灯
我想这样,你看行不
把图片的高加大(height的二倍以上),也就是,多几"层".这样每次显示的就只是height,而显示完所有的层就进行循环,应该不会有空白了,也就是加上<marquee><img ..><p></p><img ..></marquee>
说的不明白请见谅
如果可以的话用flash做,很简单的,用HTML语言就复杂多了
‘叁’ DIV中,怎么实现图片的跑马灯效果
css样式文件名:StyleSheet.css#pic
{
width:600px;
height:400px;
margin-left:auto;
margin-right:auto;
border:solid 1px #cccccc;
}
#pic ul
{
display:block;
list-style:none;
}
#pic li{ display:inline;}代码:<html xmlns=" http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title><link href="StyleSheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div id="pic">
<marquee direction="left" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" >
<ul>
<li><img alt="test" src=" http://pc.images22.51img1.com/6000/linlan19/.gif" style="height:400px;" /></li>
<li><img alt="test" src=" http://pe.images22.51img1.com/6000/linlan19/.jpg" /></li>
<li><img alt="test" src=" http://p8.images22.51img1.com/6000/linlan19/.gif" /></li>
<li><img alt="test" src=" http://pc.images22.51img1.com/6000/linlan19/.jpg" /></li>
<li><img alt="test" src=" http://pd.images22.51img1.com/6000/linlan19/.jpg" /></li>
<li><img alt="test" src=" http://pb.images22.51img1.com/6000/linlan19/.jpg" /></li>
</ul>
</marquee>
</div>
</form>
</body>
</html>
‘肆’ 求一款安卓手机边框跑马灯软件。
边框跑马灯软件可以用“ 边缘闪光 ”这款APP。
‘伍’ 如何在图片的边框加上跑马灯效果
你会用flash吗?
如果会的话那就容易多了。
把图片导入flash库中,把第一祯设为空白关键祯,把图片拖入舞台,把第五十祯设为关键祯,新建图层,把第一祯设为空白关键祯并在第一祯画好你想要的跑马灯,把第五十祯设为关键祯并向左或右移动下跑马灯位置,并在第一祯和第五十祯之间设置补间动画,最后导出动画就OK了
‘陆’ 我想用Jquery做一个图片跑马灯效果,大概思路是怎么样的
css上就是设置border就好了 js上就用setInterval定时器来模拟循环 用随机数(要限制大小和奖品对应的错开数据)生成一个要跑起来的数量 比如生成了23,那去至少一半就是11.几取整数11 然后var a = 0; a++ 在设置一个变量控制定时器的速度 var b = 500ms开始 b -= 500/11 取整数45ms 那定时器运行起(b = b- 45)来就越来越快,判断a++大于等于11的时候 b就该数值越来越大b = b+45; 当a等于23的时候就clearInterval()清除定时器,这样就达到了跑来的时候开始由慢变快,在由快变慢最后停止的效果。a就对应的图片张数的索引,要判断比如只有10张图 那a要是索引是10的时候 也就是对应的11张图 没有11张 那就是第一张图。。。。。
‘柒’ 怎么用PS做像跑马灯一样的边框
分别对2个图层画有间距的框,就是先路径框画好,用画笔设置间距,路径描边1个图层,再设置画笔间距,和前面的画点错位,路径描边另一个图层。。
‘捌’ led显示屏边框是跑马灯的系统
见过,但没用过。
‘玖’ 什么手机可以设置屏幕边框/侧边来电闪光灯,据说这个是跑马灯
目前全面屏手机都可以的,有的手机自带的有,或者可以自己下一些软件可以实现
‘拾’ 网页图片跑马灯代码,自己插入图片就可以用的那种啊~~
<!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">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: center;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<script type="text/javascript">
function change1()
{
document.getElementById("i").src = "http://www.codefans.net/jscss/demoimg/wall_s1.jpg";
}
function change2()
{
document.getElementById("i").src = "http://www.codefans.net/jscss/demoimg/wall_s2.jpg";
}
function change3()
{
document.getElementById("i").src = "http://www.codefans.net/jscss/demoimg/wall_s3.jpg";
}
function change4()
{
document.getElementById("i").src = "http://codefans.net/jscss/demoimg/wall_s4.jpg";
}
function change5()
{
document.getElementById("i").src = "http://codefans.net/jscss/demoimg/wall_s5.jpg";
}
function change6()
{
document.getElementById("i").src = "http://codefans.net/jscss/demoimg/wall_s6.jpg";
}
</script>
</head>
<body>
<table align="center">
<tr>
<td align="center">
<div id="demo" align="center">
<div id="indemo">
<div id="demo1" align="center">
<a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s1.jpg" border="0" onclick="change1();" /></a>
<a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s2.jpg" border="0" onclick="change2();"/></a>
<a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s3.jpg" border="0" onclick="change3();"/></a>
<a href="#"><img src="http://codefans.net/jscss/demoimg/wall_s4.jpg" border="0" onclick="change4();"/></a>
<a href="#"><img src="http://codefans.net/jscss/demoimg/wall_s5.jpg" border="0" onclick="change5();"/></a>
<a href="#"><img src="http://codefans.net/jscss/demoimg/wall_s6.jpg" border="0" onclick="change6();"/></a>
</div>
<div id="demo2" align="center"></div>
</div>
</div>
<script>
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth;
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
</td>
</tr>
<tr>
<td>
<div align="center" ><img name="i" src="http://www.codefans.net/jscss/demoimg/wall_s1.jpg"></div>
</td>
</tr>
</table>
</body>
</html>
自己修改那个src的路径就可以了