『壹』 用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的路徑就可以了