글 수 109
32
조회 수 : 8461 신고 : 0
미리보기 : |
---|
플래시에서 가능한 한줄 뉴스티커효과입니다.
[1단계] 아래의 코드를 <head> 와 </head> 사이에 붙여 넣으세요.
<style type="text/css">
/** 뉴스티커가 보여질 창에 대한 설정입니다 **/
#memoryticker{
background-color: lightyellow; /**배경색상**/
width: 450px; /**가로크기**/
font: bold 12px Verdana; /**글꼴**/
border: 1px solid black; /**테두리**/
padding: 3px; /**안쪽여백**/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
}
</style>
[2단계] 아래의 코드를 <body> 와 </body> 태그 사이에 붙여 넣으세요.
<script type="text/javascript">
var tickercontents=new Array()
/** 아래의 방식으로 출력할 메세지들을 설정 하세요 **/
tickercontents[0]='1) <a href="http://">웹미니쩜넷</a>- 홈페이지 디자인 관련 자료</a>'
tickercontents[1]='2) <a href="http://www.naver.com">네이버 홈페이지</a>- 네이버 검색 엔진</a>'
tickercontents[2]='3) <a href="http://www.yahoo.co.kr">야후 코리아</a>- Yahoo!!</a>'
tickercontents[3]='4) <a href="http://www.dreamwiz.com">드림위즈</a>- 드림위즈 홈페이지</a>'
var persistlastviewedmsg=1 // 세로고침을 할때 기존의 메세지 다음부터 보여줄지, 아니면 처음부터 보여줄지 여부 (0 혹은 1)
var persistmsgbehavior="onload" // "onload" 혹은 "onclick" 으로 설정 할 수 있습니다
// 메세지별로 지연시간을 설정 하세요
var tickdelay=3000
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
var currentmessage=0
function changetickercontent(){
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Apply()
crosstick.innerHTML=tickercontents[currentmessage]
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Play()
currentmessage=(currentmessage==tickercontents.length-1)? currentmessage=0 : currentmessage+1
var filterduration=(crosstick.filters&&crosstick.filters.length>0)? crosstick.filters[0].duration*1000 : 0
setTimeout("changetickercontent()",tickdelay+filterduration)
}
function beginticker(){
if (persistlastviewedmsg && get_cookie("lastmsgnum")!="")
revivelastmsg()
crosstick=document.getElementById? document.getElementById("memoryticker") : document.all.memoryticker
changetickercontent()
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function savelastmsg(){
document.cookie="lastmsgnum="+currentmessage
}
function revivelastmsg(){
currentmessage=parseInt(get_cookie("lastmsgnum"))
currentmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1
}
if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
if (document.all||document.getElementById)
document.write('<div id="memoryticker" '+divonclick+'></div>')
if (window.addEventListener)
window.addEventListener("load", beginticker, false)
else if (window.attachEvent)
window.attachEvent("onload", beginticker)
else if (document.all || document.getElementById)
window.onload=beginticker
</script>
[1단계] 아래의 코드를 <head> 와 </head> 사이에 붙여 넣으세요.
<style type="text/css">
/** 뉴스티커가 보여질 창에 대한 설정입니다 **/
#memoryticker{
background-color: lightyellow; /**배경색상**/
width: 450px; /**가로크기**/
font: bold 12px Verdana; /**글꼴**/
border: 1px solid black; /**테두리**/
padding: 3px; /**안쪽여백**/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
}
</style>
[2단계] 아래의 코드를 <body> 와 </body> 태그 사이에 붙여 넣으세요.
<script type="text/javascript">
var tickercontents=new Array()
/** 아래의 방식으로 출력할 메세지들을 설정 하세요 **/
tickercontents[0]='1) <a href="http://">웹미니쩜넷</a>- 홈페이지 디자인 관련 자료</a>'
tickercontents[1]='2) <a href="http://www.naver.com">네이버 홈페이지</a>- 네이버 검색 엔진</a>'
tickercontents[2]='3) <a href="http://www.yahoo.co.kr">야후 코리아</a>- Yahoo!!</a>'
tickercontents[3]='4) <a href="http://www.dreamwiz.com">드림위즈</a>- 드림위즈 홈페이지</a>'
var persistlastviewedmsg=1 // 세로고침을 할때 기존의 메세지 다음부터 보여줄지, 아니면 처음부터 보여줄지 여부 (0 혹은 1)
var persistmsgbehavior="onload" // "onload" 혹은 "onclick" 으로 설정 할 수 있습니다
// 메세지별로 지연시간을 설정 하세요
var tickdelay=3000
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
var currentmessage=0
function changetickercontent(){
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Apply()
crosstick.innerHTML=tickercontents[currentmessage]
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Play()
currentmessage=(currentmessage==tickercontents.length-1)? currentmessage=0 : currentmessage+1
var filterduration=(crosstick.filters&&crosstick.filters.length>0)? crosstick.filters[0].duration*1000 : 0
setTimeout("changetickercontent()",tickdelay+filterduration)
}
function beginticker(){
if (persistlastviewedmsg && get_cookie("lastmsgnum")!="")
revivelastmsg()
crosstick=document.getElementById? document.getElementById("memoryticker") : document.all.memoryticker
changetickercontent()
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function savelastmsg(){
document.cookie="lastmsgnum="+currentmessage
}
function revivelastmsg(){
currentmessage=parseInt(get_cookie("lastmsgnum"))
currentmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1
}
if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
if (document.all||document.getElementById)
document.write('<div id="memoryticker" '+divonclick+'></div>')
if (window.addEventListener)
window.addEventListener("load", beginticker, false)
else if (window.attachEvent)
window.attachEvent("onload", beginticker)
else if (document.all || document.getElementById)
window.onload=beginticker
</script>
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
첫번째 댓글을 남겨주세요!