http://www.nianhua.net/ zh-cn PBlog2 v2.4 http://www.nianhua.net/images/logos.gif http://www.nianhua.net/ ≡年华设计,ZEROBLOG≡ http://www.nianhua.net/article.asp?id=6 1234567@126.com(zero) Thu,23 Apr 2009 11:53:13 +0800 http://www.nianhua.net/default.asp?id=6


一些网页设计中用到的滚动代码，虽然只能说是跳动，但却很精简，大家可以直接拿去用
1.文字的滚动：
<style>a{display:block;font-size:15px};</style>
<div id="div1" style="width:300px;height:68px;overflow:hidden">
  <a href="javascript:">1,你可曾有过无数的梦想，</a>
  <a href="javascript:">2,却在时光的流逝里幻灭 </a>
  <a href="javascript:">3,你可曾对未来期待憧憬，</a>
  <a href="javascript:">4,却在成长的岁月中迷失</a>
  <a href="javascript:">5,年华设计工作室</a>
  <a href="javascript:">6,大家一起来</a>
  <a href="javascript:">7,好象都很不错的样子</a>
</div>

<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>

上面显示的是四行，如果只要1行，或者几行  改这里height:68px
只显示1行：<div id="div1" style="width:300px;height:15px;overflow:hidden">

修改一下：
<ul id="ScrollBox" style="width:300px;height:80px;overflow:hidden;margin:0;padding:0;line-height:20px;font-size:12px;">
<li>1.你可曾有过无数的梦想，</li>
<li>2.却在时光的流逝里幻灭 </li>
<li>3.你可曾对未来期待憧憬，</li>
<li>4.却在成长的岁月中迷失</li>
<li>5.年华设计工作室</li>
<li>6.大家一起来</li>
<li>7.好象都很不错的样子</li>
</ul>
<script type="text/javascript">
var t=setInterval(myfunc,1000);
var oBox=document.getElementById("ScrollBox");
function myfunc(){
var o=oBox.firstChild
oBox.removeChild(o)
oBox.appendChild(o)
}
oBox.onmouseover=function(){clearInterval(t)}
oBox.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>


2.图片滚动
<style>img{display:block}</style>
<div id="div1" style="width:221px;height:187px;overflow:hidden">
<img src=图片地址>
<img src=图片地址>
<img src=图片地址>
<img src=图片地址>
</div>

<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>

只需要修改几个字符，就可以横着滚
<div id="div1" style="width:884px;height:187px;overflow:hidden">
<img src=图片地址>
<img src=图片地址>
<img src=图片地址>
<img src=图片地址>
</div>

<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval(myfunc,500)}
</script>
不断循环向上滚动代码，（不间断滚动）鼠标接触的时候会自动停下来。
<div id="marquees"> <!-- 这些是字幕的内容，你可以任意定义 -->
<p><a href="网址" target="_blank">年华设计</a></p>
<p><a href="网址" target="_blank">
<a href="网址" target="_blank">年华设计</a></a></p>  
<p><a href="网址" target="_blank">年华设计</a></p>
<p><a href="网址" target="_blank">年华设计</a></p>
<p><a href="网址" target="_blank">年华设计</a></p>
<p><a href="网址" target="_blank">百度搜索</a></p>
<p><a href="网址" target="_blank">GOOGLE搜索</a></p>
</div>
<!-- 以下是javascript代码 -->
<script language="javascript">
<!--
marqueesHeight=200; //内容区高度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0，因为它会被撑大
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过，停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开，开始滚动
}
//这时候，内容区的高度是无法读取了。下面输出一个不可见的层"templayer"，稍后将内容复制到里面：
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer"，直到"templayer"的高度大于内容区高度：
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区：
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时，调用"scrollUp()"函数驱动滚动条：
setInterval("scrollUp()",20);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真，则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了，则向上滚动到和当前画面一样的位置
//当然不仅如此，同样还要向下滚动一个像素(+1)：
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
</script>
连续不间断横向滚动图片代码
<table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                          
<tr><td>                                                                                                                                                                                        
  <div id=www_qpsh_com style=overflow:hidden;height:120px;width:700px;color:#ff0000><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=www_qpsh_com1 valign=top>
  <table border=0 cellpadding=0 cellspacing=0>
  <tr><td><a href=网址 target=_blank><img border=0 src="图片" width=150 height=100 hspace=22></a><br><center><b>说明一</b></center></td>
  <td width=30></td>
  <td><a href=网址 target=_blank><img border=0 src="图片地址" width=150 height=100  hspace=22></a><br><center><b>说明二</b></center></td></td>
  <td width=30></td>
  <td><a href=网址 target=_blank><img border=0 src="图片地址" width=150 height=100  hspace=22></a><br><center><b>说明三</b></center></td>
  <td><a href=网址 target=_blank><img border=0 src="图片地址" width=150 height=100  hspace=22></a><br><center><b>说明四</b></center></td>
  <td width=30></td>
  <td><a href=网址 target=_blank><img border=0 src="图片地址" width=150 height=100  hspace=22></a><br><center><b>说明五</b></center></td>
  </tr>
  </table>
</td><td id=www_qpsh_com2 valign=top></td></tr></table></div>
  <script>
  var speed=10//速度数值越大速度越慢
  www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
  function Marquee(){
  if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
  www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
  else{
  www_qpsh_com.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
  www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
</td></tr>                                                                                                                                           </table>                        
]]> http://www.nianhua.net/article.asp?id=5 1234567@126.com(zero) Fri,20 Mar 2009 15:25:01 +0800 http://www.nianhua.net/default.asp?id=5
春天来了，窗外的柳条儿泛着嫩绿。温度升高；点点发情。
最近身体不适，多年的胃病，加之常年电脑前坐着，身体的素质确实很糟，那天和彭伟吃饭，喝点酒，胃就受不了了，彭伟那话怎么说到来：这小身板儿。
自己静下心想想，是该规划下自己的健康了。于是乎，健身计划诞生了:
1，调整作息，早睡会，早起，博物馆广场小跑半小时
2，按时吃饭，一日三餐，每天小米稀饭【老婆要求的】，多吃蔬菜。活再忙也得按时吃饭，上帝也不行！
3，调理肠胃，喝中药【老婆给买的】。喝普洱，少吃凉的酸的甜的辣的......
4，放松心情，闲时离开电脑，侍弄花草，陪老婆逛街【老婆要求】，找朋友喝茶聊天儿。
5，戒烟开始，先减量【老婆要求】，直至戒掉！

计划好制定，关键看执行，我准备好了，开始吧！]]> http://www.nianhua.net/article.asp?id=4 1234567@126.com(zero) Wed,11 Mar 2009 00:27:19 +0800 http://www.nianhua.net/default.asp?id=4
      点点到今天正好1周岁了，跟着我俩过着平淡但温暖的生活，春天到了，荷尔蒙的作用下，点点也开始懂事了。最近晚上总是嗷嗷的喊叫，想去给她做手术，又担心医院的卫生和医生的水平，考虑再三，想给她找个伴儿，于是再次给幸运土猫发去了电子邮件，期盼着，等待着。
    今天，土猫小组发信了，说因为是异地收养，航空运输怕氧气不足，所以...
      计划取消了，点点还是孤单一猫，继续过着她自己的猫调生活，猫粮，猫砂，水。皮球玩具...外加每天固定的放风，陪她玩耍的时候，看到点点有些迷茫的眼神。突然觉得点点其实很孤单，我还得找，我要给点点找那个能陪她一起玩耍，一起幸福的伴儿。
]]> http://www.nianhua.net/article.asp?id=3 1234567@126.com(zero) Tue,10 Mar 2009 15:23:13 +0800 http://www.nianhua.net/default.asp?id=3
    昨天拽着任峰去了义务，带着我媳妇，茶具，紫砂壶，茶碗，水壶。茶叶。一整个下午的奔波，一肚子茶水。回来迫不及待烧水，泡茶，心里那个美。嘿

    最近对茶产生了浓厚的兴趣，并不是无事可干，亦不是装高雅。只喜欢在不忙的时候，能沏上一壶铁观音，陪三两知己，或与妻子，慢慢的品，说说最近的事儿，说说我们的故事，我们的路。小小的紫砂壶里，泛着青绿，透着温馨，茶慢慢的淡了，而话却没有淡，重新沏上一壶，用我那并不熟练的动作，与我的朋友分享这壶里边的人生!
荷花套系，我和任峰选的


闻香杯的一套，二丫送我的

那天看好的，嫌贵没买，今天媳妇自己去鼓捣了来了 哈哈

]]> http://www.nianhua.net/article.asp?id=2 1234567@126.com(zero) Tue,10 Mar 2009 15:10:32 +0800 http://www.nianhua.net/default.asp?id=2
      养兰也有许久了，一直想写点儿什么，然而家里冷。始终不是很壮，加之自己手痒，总想翻开看看。兰长的很慢。
    春节的时候，下山的春剑开了，很香。无法描述的味道，那种幽香，只有爱兰的人才能体会到。
    慢慢的，春天来了，顶着两只花剑的杂交兰，也开始舒展开她迷人的风姿。那叶似剑，挺拔的伟岸中，隐约透出细腻的柔顺。花剑亭亭而立，绿的像开冻的春水，一个个花苞含羞待放，花瓣是淡淡的黄；红色的筋。还有那抹像是诉说叶的相思的淡绿，放眼看去，竟醉了。
    天气一天天转暖，花苞一天天变大，终于在某个泛着春寒的清晨，她开了。那么美 那么美 阵阵风吹过，那丝丝的幽香，早已不再是尘世中的味道。那一刻，我竟忘记了很多，忘记了赞美，也忘记了锅里煮着的面条
    天气依然是春寒料峭，而你却努力绽放着坚强和生命...]]> http://www.nianhua.net/article.asp?id=1 1234567@126.com(admin) Sun,01 Mar 2009 22:21:59 +0800 http://www.nianhua.net/default.asp?id=1

        零度边缘已经关站2年有余了，期间因为一些事，慢慢的沉寂了，或者，是写不下去了
新的一年，新的开始。总得给自己一个新的面貌，终于决定重整旗鼓，继续写下去，下载PJ，修改，设计属于自己的风格，涂鸦出一种貌似设计师的所谓的作品。权且当作一个框架，来收纳我一路走来的酸甜苦辣！ 在此感谢朋友们的支持，感谢我媳妇儿提供设计思路！和我家猫猫点点充当模特！
]]>