html5照片墙,html5照片墙代码

用HTML做的照片墙怎么用手机打开

输入QQ号码和密码，点击登录登录成功后点击正下方“动态”找到并点击“好友动态”进入好友动态，点击正上方的背景图片进入背景商城，找到并点击“照片墙”进入照片墙，点击右上角的“添加”，你可以选择从手机里或者从空间相册里添加照片

相关问答

Q1: html5可以制作照片墙吗

完全可以的，你可以根据自己需要做适合自己的照片墙。一般来说在代码和布局上面来说都是不难的。

Q2: 翻译第二段

Wic.com（推测应该是一个提供服务的网站）提供免费的HTML5（编辑器）和FLASH（插件）网站。你可以用这些东西，设计自己的网站，不需要向那些付费的网站设计工作者们付钱 。Wic.com附带无限的空间给你使用，你可以设计自定义的外观、照片墙（gallery 美术馆）、博客（blog 就是台湾直接音译的部落格，就是博客）平台（platform）（capabilities 容量 就是说可以提供博客的容量，个人觉得不翻译也可以）、以及用来社交的按钮（赞，之类的选择项）。Wic.com啥都有，你可以充分的用它设计出一个很有影响力的个人网站（impact online在线信息平台）。你可以全面的控制Wic.com所有的东西，而不需要知道它的后台是怎样运作的。用这种方式设计出你公司网站，可以说明你公司的一切。Wic.com它什么都能做，更重要的是，它做这一切都是免费的。另一件让Wic.com成为最能让用户用得起的（affordable）契机（option 可选择）是你网站的域名也是免费的。你能获得一个独立的域名（separate web host，类似于一个专属于你的网址）,因为这些域名都是Wic.com创立的，归Wic.com管理，所以对你也是免费的。

Q3: Microsoft Silverlight是什么东西啊！

Microsoft Silverlight是一个跨浏览器的、跨平台的插件，为网络带来下一代基于.NET的媒体体验和丰富的交互式应用程序。Silverlight提供灵活的编程模型，并可以很方便地集成到现有的网络应用程序中。Silverlight可以对运行在Mac或Windows上的主流浏览器提供高质量视频信息的快速、低成本的传递。

2. 特性

A. 跨平台跨浏览器

a) 支持微软及苹果的多种操作系统

Silverlight目前主要支持Microsoft Windows XP(安装有Service Pack 2)、Microsoft Windows Vista、Microsoft Windows Server 2003，以及Apple Mac OS X 10.4.8以上操作系统和OS X Leopard操作系统。而且无论在哪运行，都能提供一致的用户体验。

b) IE, Firefox等多种流行的浏览设备

Silverlight支持的浏览器主要包括IE 6，IE 7，Firefox 1.5以上版本(Mac OS and Windows)以及Safari 2.0浏览器。注：即将支持Opera浏览器。

注：对于其它操作系统，微软公司也会针对客户的反馈以及建议，在适当时候予以支持。

B. 流畅高清视频效果

a) 播放效果流畅

Silverlight播出视频及动画的效果很好，不会因为传输或播放大量内容而影响播放质量。这一问题是现有技术普遍遇到的障碍，同时也对消费者体验造成了巨大影响。另外，Silverlight读取数据及更新外观的时候，不会通过刷新整体页面来打断用户操作。

b) 高清视频质量

由于体积上的压缩和编码上的简单化，目前市场上广泛使用的视频格式效果并不理想，难以满足用户要求。而Silverlight则通过获艾美奖的Windows Media技术，传输流量可降低46%，并且和现有的Windows Media流量配置方案兼容。

C. 专业工具支持

a) 整合的开发与设计工具集合

Silverlight面向不同角色的人员提供更加称心如意的工具。开发人员可以使用熟悉的Visual Studio工具来创建业务逻辑;设计人员可以使用Microsoft Expression系列来进行创建。无论是标准的网页，丰富的桌面用户体验，还是管理数字资产和内容，Expression 专业的设计工具和创新的技术给设计人员更加灵活和自由的创作空间。

b) 创新的兼容能力

Silverlight集成了多种现有Web技术和设备，这意味着它可以在任何服务器和发布平台上使用，而无需对现有的网站设计进行移植，甚至包括利用Adobe Flash设计的内容。Silverlight还兼容大量其他标准和现有技术，包括ASP.NET、AJAX以及.NET 3.0，这使得开发者既可以根据现有标准，也可以采用微软的技术来开发Web内容。

c) 强大的集合技术

Silverlight将视频、交互性内容以及其他格式的内容融合在一起。该方案集成了强大的图像及图层技术，支持任何尺寸图像的无缝整合，并可以在图像上添加按钮、标题或是其他交互性内容。此外，Silverlight允许利用WMV标准向高清设备及移动设备提供高质量视频和音频，同时支持15X的快速视频编码及硬件加速。

D. 优质互动平台

a) 体积小易安装

Silverlight浏览器插件体积约为2Mb，下载时间只需要几秒，并且安装程序简单。当用户遇到使用Silverlight开发的网页时，可以迅速的安装这一插件。

b) 在线休闲游戏

越来越多的互联网内容提供商开始构建自己的在线休闲游戏平台。但由于国内恶意软件的现状，很多用户不敢下载相关的ActiveX控件，大大降低了在线休闲游戏的普及率。而Silverlight的独特性质则可以避免此问题。同时，其先天对于游戏特性的支持，也使其成为在线休闲游戏平台的第一选择。

c) 边栏小工具(Sidebar Gadget)

目前，业界常见的Windows边栏小工具大部分使用HTML形式呈现，内容表现单一。而Silverlight则可以提供更加丰富的表现形式，有助于提升用户忠诚度、提高访问量，并扩展赢利模式。

E. 高回报低投入传播

a) 搜索引擎友好

网页浏览量(Page View)对于网站的发展非常重要，而很大一部分浏览量来源于搜索结果。但目前大部分视频分享网站所使用的技术基本上都不支持SEO(搜索引擎友好)，从而造成视频的搜索收录率偏低。而Silverlight中的页面描述采用了XML文本文件格式，并不编译为二进制文件，其天生支持SEO(搜索引擎友好)。

参考资料：

Q4: 求此效果 Demo源码下载 网页的

div id=demo style="width:800px; overflow:hidden;"

table width="100%" border="0" cellspacing="0" cellpadding="0"

tr

td id=demo1

table width="100%" border="0" cellspacing="0" cellpadding="5"

tr

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td

/tr

/table

/td

td id=demo2/td

/tr

/table

/div

script

var speed=20;

document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML

function Marquee(){

if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft=0)

document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth

else{

document.getElementById("demo").scrollLeft++;

}

}

var MyMar=setInterval(Marquee,speed)

document.getElementById("demo").onmouseover=function()

document.getElementById("demo").onmouseout=function()

/script

id为demo的div 宽度是在版面上要显示出的宽度，这个是必须定义的，还有overflow:hidden这个也是必须的

内容放在demo1的td里面

你放进去滚动的内容宽度必须大于demo的宽度才能滚动，当然这个宽度随你自己定

理论上是可以放无限宽的数据

鼠标悬停就停止滚动，离开继续滚动