Welcome to amazing Code world!

jquery特效 单行文字向上滚动(有间歇)
您是本站第
AmazingCounters.com
位访客!
点击这里给我发消息

如何为网页添加小宠物挂件:小老鼠、金鱼等

快来和这只可爱聪明的小狗玩玩吧

—— 这是我最忠实的陪伴———— 一只可爱、聪明又忠诚的Dog.可不要小瞧他哦。他可以坐着、躺下休息或者打滚。 别光看他呀,给他一个宠物,看看他的反应如何。你还可以给一个球或者骨头让他高兴高兴。他既然如此聪明,是不是该来顿大餐奖励一下呢?在地面靠近他的地方,双击鼠标,你就可以让他坐下来。再双击他就会躺下 ,接着你可以按住鼠标左键,在他面前画个圈————告诉他,小帅哥,翻滚一个ba ... ...

网页小游戏,

 

 

先看看这只拉布拉多犬!

它可以坐、卧和滚动。试着给它一个宠物,看他如何回应。把你的狗的款待打球或给他一根骨头。通过给他奖励他一把。让他坐,双击鼠标在地上接近他。双击再次让他躺了下来。然后保存你的鼠标按钮下来,做一个圆周运动告诉他翻身。

其实有很多的小游戏Flash,快为WordPress添加小宠物挂件:小老鼠、宠物狗、蜘蛛、乌龟、企鹅!

 

 
  1. 使用教程

     

    1、wordpress侧边栏小宠物领养

    这 些小宠物,是在一个国外网站上领养的,这个网站名字叫aBowman,它主要是针对google小工具模块而开发的,使用起来很简单,只要将代码复制到博 客的源码(html 模式下)就可以实现挂件展示。它可以为你的博客或者网站添加鱼、龟、狗、仓鼠等各式各样的虚拟宠物,是很讨人喜欢的博客装饰。

  2. 点击自己喜爱的宠物,进入宠物定制的界面

     

  3. 修改定制宠物的显示界面

    我们点击edit settings进入定制界面:

    我们可以看到可以修改宠物的背景颜色、食物的颜色等等,定制项目很多。

     

     
  4. wordpress小宠物领养侧边栏调用

    首先选择一款自己喜欢的,复制代码到侧边栏文本小工具:填入标题和代码,保持就完成了。其中的width=”300″ height=”200″可以自己根据博客的样式调整为最佳的位置。

  5. 5

    返回前台首页预览效果

    如果觉得大小不满意,可以继续调整长宽,大功告成咯,效果如经验简介所示,欢迎交流使用心得。

  6. 6

    点击右上角的链接也可以转到获取代码的页面,方便大家更换宠物和工具,更多动画参考http://abowman.com/google-modules/

     

     


     

    首页侧边人物状时间:

     

     

 1 <div id="myTime">
 2  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="250" height="120" id="honehoneclock" align="middle">
 3  <param name="allowScriptAccess" value="always">
 4  <param name="movie" value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf">
 5  <param name="quality" value="high">
 6  <param name="bgcolor" value="#ffffff">
 7  <param name="wmode" value="transparent">
 8  <embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf" quality="high" bgcolor="#ffffff" width="160" height="100" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
 9  </object>
10  </div>
View Code

 

 

 

posted @ 2015-10-09 15:33  信天翁_2012  阅读(2602)  评论(0编辑  收藏  举报