全屏相册代码(全屏相册代码大全)
admin 发布:2022-12-19 19:28 232
本篇文章给大家谈谈全屏相册代码,以及全屏相册代码大全对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、vivox23手机相册怎么能把相片设置成全屏
- 2、QQ空间的导航仪代码和宽版1:3布局的皮肤代码啊!急用!
- 3、oppo手机相册怎么调全屏
- 4、QQ空间全屏代码 怎么用啊
- 5、用数码大师制作电子相册如何做到显示全屏?
- 6、jQuery实现带滚动导航效果的全屏滚动相册实例
vivox23手机相册怎么能把相片设置成全屏
在照片的选择区域框,把这个框拉到最大。
打开相册--选中要设置的图片--“设置”选项或者长按这张图片,会弹出提示“设为壁纸”。如果同时弹出一个选择区域框,就尝试把这个框拉到最大。
手机相册,是一种可以通过手机上的软件来对相片进行管理,浏览,储存等等的功能。最方便的就是可以随身携带,随时操作处理,特别方便。
QQ空间的导航仪代码和宽版1:3布局的皮肤代码啊!急用!
空间代码 最新整理可用代码:
单色皮肤代码(可支持全屏)
全橙样式:
javascript:window.top.space_addItem(1,15306,0,80,0,0,93);_(_=_);
全蓝样式:
javascript:window.top.space_addItem(1,15116,0,80,0,0,93);_(_=_);
全紫样式:
javascript:window.top.space_addItem(1,15116,0,80,0,0,93);_(_=_);
淡淡粉色:
javascript:window.top.space_addItem(1,7513,0,80,0,0,93);_(_=_);
全绿样式:
javascript:window.top.space_addItem(1,7619,0,80,0,0,93);_(_=_);
全粉样式:
javascript:window.top.space_addItem(1,4693,0,80,0,0,93);_(_=_); 下面是小窝的,不支持全屏,但还不错
名称:小小罗 类型:皮肤 javascript:window.top.space_addItem(1,5669,0,0,0,1,0);
名称:**四射 类型:皮肤 javascript:window.top.space_addItem(1,5668,0,0,0,1,0);
名称:Rooney 类型:皮肤 javascript:window.top.space_addItem(1,5667,0,0,0,1,0);
名称:Ballack 类型:皮肤 javascript:window.top.space_addItem(1,5666,0,0,0,1,0);
名称:国旗 类型:皮肤 javascript:window.top.space_addItem(1,2250,0,0,1,1,0);
名称:blue 类型:播放器 javascript:window.top.space_addItem(6,676,0,0,200,200,0);
名称:橙色视觉 类型:皮肤 javascript:window.top.space_addItem(1,1328,0,0,0,1,0);
名称:河流 类型:皮肤 javascript:window.top.space_addItem(1,1304,0,0,0,1,0);
名称:少女情怀 类型:皮肤 javascript:window.top.space_addItem(1,1305,0,0,0,1,0);
名称:星悬月 类型:皮肤 javascript:window.top.space_addItem(1,1306,0,0,0,1,0);
名称:**小溪 类型:皮肤 javascript:window.top.space_addItem(1,1307,0,0,0,1,0);
名称:兰色韵律 类型:皮肤 javascript:window.top.space_addItem(1,1333,0,0,0,1,0); 本文来自Q友空间资源
名称:春天 类型:皮肤 javascript:window.top.space_addItem(1,1303,0,0,0,1,0);
名称:红 类型:皮肤 javascript:window.top.space_addItem(1,1330,0,0,0,1,0);
名称:彩色 类型:皮肤 javascript:window.top.space_addItem(1,1327,0,0,0,1,0); QQ空间最新资源
带图案的
javascript:window.top.space_addItem(1,7619,0,80,0,0,94); 那年的歌
javascript:window.top.space_addItem(1,7513,0,80,0,0,94); 最美的花
javascript:window.top.space_addItem(1,7510,0,80,0,0,94); 夜光
javascript:window.top.space_addItem(1,4703,0,80,0,0,94); 幸福的故事
javascript:window.top.space_addItem(1,4693,0,80,0,0,94); 如此的爱
====================无敌换行=============================
QQ空间代码添加方法格子类:
javascript:window.top.space_addItem(1,10998,0,80,0,0,93); 红黑菱形格子
javascript:window.top.space_addItem(1,16017,0,80,0,0,93); 黄+橙+褐色格子
javascript:window.top.space_addItem(1,9838,0,80,0,0,93); 黑+褐色大格子
javascript:window.top.space_addItem(1,12018,0,80,0,0,93); 桃红白线条格子
javascript:window.top.space_addItem(1,10666,0,80,0,0,93); 黑色格子+红色格子
javascript:window.top.space_addItem(1,17293,0,80,0,0,93); 粉色超细小格子
javascript:window.top.space_addItem(1,12097,0,80,0,0,93); 小格子.
javascript:window.top.space_addItem(1,9838,0,80,0,0,93); 大格子,非常喜欢.
javascript:window.top.space_addItem(1,10666,0,80,0,0,93); 红色格子.
javascript:window.top.space_addItem(1,19314,0,80,0,0,93); 黑色格格的`
条纹类:
javascript:window.top.space_addItem(1,17297,0,80,0,0,93);
javascript:window.top.space_addItem(1,17297,0,80,0,0,93); 粉色+小白色横条
javascript:window.top.space_addItem(1,18746,0,80,0,0,93); 白色和灰色竖条纹
javascript:window.top.space_addItem(1,15747,0,80,0,0,93); 黑色和白色竖条纹
javascript:window.top.space_addItem(1,15535,0,80,0,0,93); 纯黑色+周围2条蓝色的圆点条纹
javascript:window.top.space_addItem(1,19699,0,80,0,0,93); 黑色和白色横条
javascript:window.top.space_addItem(1,18786,0,80,0,0,93); 白横条
javascript:window.top.space_addItem(1,15777,0,80,0,0,93); 深蓝横纹路
javascript:window.top.space_addItem(1,10053,0,80,0,0,93); 红粉色竖条
javascript:window.top.space_addItem(1,19479,0,80,0,0,93); 粉色条纹
javascript:window.top.space_addItem(1,15012,0,80,0,0,93); 类似毯子纹路
javascript:window.top.space_addItem(1,16827,0,80,0,0,93); 黑底+灰线条
javascript:window.top.space_addItem(1,10418,0,80,0,0,93); 黑色条纹
javascript:window.top.space_addItem(1,18746,0,80,0,0,93); 白色条纹
javascript:window.top.space_addItem(1,8669,0,80,0,0,93); 简洁的紫色条纹.
javascript:window.top.space_addItem(1,8669,0,80,0,0,93); 简洁的紫色条纹.
javascript:window.top.space_addItem(1,10418,0,80,0,0,93); 黑色条纹.
javascript:window.top.space_addItem(1,18786,0,80,0,0,93); 兰色条条
javascript:window.top.space_addItem(1,13074,0,80,0,0,93); 黄色条条的
javascript:window.top.space_addItem(1,18457,0,80,0,0,93); 横条紫色。
javascript:window.top.space_addItem(1,14378,0,80,0,0,93); 黑底+花纹
javascript:window.top.space_addItem(1,12261,0,80,0,0,93); 纯粉底
javascript:window.top.space_addItem(1,18633,0,80,0,0,93); 纯白
javascript:window.top.space_addItem(1,13046,0,80,0,0,93); 纯黑色
javascript:window.top.space_addItem(1,7619,0,0,0,0,93); 纯绿
javascript:window.top.space_addItem(1,17350,0,80,0,0,93); 紫红色星空.
javascript:window.top.space_addItem(1,17301,0,80,0,0,93); 纯太合金色.
javascript:window.top.space_addItem(1,18749,0,80,0,0,93);
javascript:window.top.space_addItem(1,1827,0,80,0,0,93); 纯蓝
javascript:window.top.space_addItem(1,16313,0,80,0,0,93); 纯褐色
javascript:window.top.space_addItem(1,16515,0,80,0,0,93); 纯红)
javascript:window.top.space_addItem(1,18542,0,80,0,0,93); 爱心
javascript:window.top.space_addItem(1,18489,0,80,0,0,93); 黑+星星
javascript:window.top.space_addItem(1,14327,0,80,0,0,93); 白色带点珠珠的
javascript:window.top.space_addItem(1,14328,0,80,0,0,93); 粉色带点小心的
javascript:window.top.space_addItem(1,12935,0,80,0,0,93); 漂亮的彩色星星的
javascript:window.top.space_addItem(1,13074,0,80,0,0,93); 黄色条条的
javascript:window.top.space_addItem(1,13084,0,80,0,0,93); 纯白色的.
javascript:window.top.space_addItem(1,13063,0,80,0,0,93); 木头的.
javascript:window.top.space_addItem(1,13066,0,80,0,0,93); 纯水晶蓝色的.
javascript:window.top.space_addItem(1,17965,0,80,0,0,93);
javascript:window.top.space_addItem(1,17351,0,80,0,0,93); 纯黑加星星.
javascript:window.top.space_addItem(1,17964,0,80,0,0,93); 纯白加兰色小花.
javascript:window.top.space_addItem(1,17357,0,80,0,0,93); 纯黑加黄色小星.
javascript:window.top.space_addItem(1,17170,0,80,0,0,93); 纯黑色圈圈.
javascript:window.top.space_addItem(1,17358,0,80,0,0,93); 纯黑加黄色小星.
javascript:window.top.space_addItem(1,17113,0,80,0,0,93); 可爱粉红色。
javascript:window.top.space_addItem(1,17109,0,80,0,0,93); 纯黑带紫色花。
javascript:window.top.space_addItem(1,17108,0,80,0,0,93); 色星空。
javascript:window.top.space_addItem(1,176994,0,80,0,0,93); 黑色玫瑰.
javascript:window.top.space_addItem(1,17014,0,80,0,0,93); 纯红灰色.
javascript:window.top.space_addItem(1,17012,0,80,0,0,93); 黑加画白.
javascript:window.top.space_addItem(1,15010,0,80,0,0,93);
javascript:window.top.space_addItem(1,13056,0,80,0,0,93); 泛黄的牛皮纸.
javascript:window.top.space_addItem(1,13083,0,80,0,0,93); 淡黄的牛皮纸.
javascript:window.top.space_addItem(1,13063,0,80,0,0,93); 陈旧的书本
javascript:window.top.space_addItem(1,15535,0,80,0,0,93); 黑+左右两条蓝圈
javascript:window.top.space_addItem(1,11665,,0,80,0,0,93); 紫红色带星星.
javascript:window.top.space_addItem(1,12564,0,80,0,0,93); 纯黑漫天星.
javascript:window.top.space_addItem(1,11667,0,80,0,0,93); 简洁的皮肤
javascript:window.top.space_addItem(1,18403,0,80,0,0,93); 黑色蝴蝶
javascript:window.top.space_addItem(1,12555,0,80,0,0,93); 黑色星点
javascript:window.top.space_addItem(1,18488,0,80,0,0,93); LOVE
javascript:window.top.space_addItem(1,18530,0,80,0,0,93); 粉玫瑰
javascript:window.top.space_addItem(1,18776,0,80,0,0,93); 白底粉点
javascript:window.top.space_addItem(1,18750,0,80,0,0,93); 类似冰
javascript:window.top.space_addItem(1,18786,0,80,0,0,93); 白横条
javascript:window.top.space_addItem(1,15777,0,80,0,0,93); 深蓝横纹路
javascript:window.top.space_addItem(1,12097,0,80,0,0,93); 黑底绿点
javascript:window.top.space_addItem(1,10053,0,80,0,0,93); 红粉色竖条
javascript:window.top.space_addItem(1,11205,0,80,0,0,93); 赫色底草莓图
javascript:window.top.space_addItem(1,12100,0,80,0,0,93); 黑底+桃红点
javascript:window.top.space_addItem(1,15254,0,80,0,0,93); 蓝底
javascript:window.top.space_addItem(1,15085,0,80,0,0,93); 纯褐色底
javascript:window.top.space_addItem(1,19243,0,80,0,0,93); 深蓝底+白点
javascript:window.top.space_addItem(1,19209,0,80,0,0,93); 褐色底+英文
javascript:window.top.space_addItem(1,19301,0,80,0,0,93); 蓝色天空
javascript:window.top.space_addItem(1,19302,0,80,0,0,93); 黑底+红圆点点缀
javascript:window.top.space_addItem(1,14375,0,80,0,0,93); 纯深蓝底
javascript:window.top.space_addItem(1,13515,0,80,0,0,93); 灰底+星星点缀
javascript:window.top.space_addItem(1,16450,0,80,0,0,93); 大红+英文点缀
javascript:window.top.space_addItem(1,17979,0,80,0,0,93); 纯深蓝花纹
javascript:window.top.space_addItem(1,18744,0,80,0,0,93); 黑+灰色散点
javascript:window.top.space_addItem(1,19737,0,80,0,0,93); 深红+字
javascript:window.top.space_addItem(1,19662,0,80,0,0,93); 灰白木板
javascript:window.top.space_addItem(1,11725,0,80,0,0,93); 桃红+英文字
javascript:window.top.space_addItem(1,11723,0,80,0,0,93); 白蓝+英文字
javascript:window.top.space_addItem(1,12198,0,80,0,0,93); 红色小圆点
javascript:window.top.space_addItem(1,13015,0,80,0,0,93); 褐色底+树
javascript:window.top.space_addItem(1,11901,0,80,0,0,93); 橙色底
javascript:window.top.space_addItem(1,13368,0,80,0,0,93); 蓝紫底+英文
javascript:window.top.space_addItem(1,14131,0,80,0,0,93); 灰黑底+灰圈圈(推荐)
javascript:window.top.space_addItem(1,16827,0,80,0,0,93); 黑底+灰线条
javascript:window.top.space_addItem(1,18381,0,80,0,0,93); 粉白
javascript:window.top.space_addItem(1,18532,0,80,0,0,93); 云朵
javascript:window.top.space_addItem(1,19183,0,80,0,0,93); 黑底+灰色花
javascript:window.top.space_addItem(1,19294,0,80,0,0,93); 沙滩
javascript:window.top.space_addItem(1,19301,0,80,0,0,93); 天空
javascript:window.top.space_addItem(1,19351,0,80,0,0,93); 白底+灰色纹路
javascript:window.top.space_addItem(1,19752,0,80,0,0,93); 黑底+音符
javascript:window.top.space_addItem(1,16555,0,80,0,0,93); 褐底
javascript:window.top.space_addItem(1,12702,0,80,0,0,93); 黑底+水珠
javascript:window.top.space_addItem(1,10416,0,80,0,0,93); 黑+化白。很有味道。
javascript:window.top.space_addItem(1,14381,0,80,0,0,93);很像豹纹的那个
javascript:window.top.space_addItem(1,18033,0,80,0,0,93);类似黑色,比较淡黑色
首先,点击“自定义”进入“新建模块”然后输入模块名称后别急着往评论里加入代码。
在调整好刚才建好的模块的位置后,点“自定义”菜单中的“保存”(要隐藏自定义模块可以采用将其放到其它模块的下面,具体方法是将自定义模块[1]放到比如相册模块[2]处,点“模块管理”将相册前面的勾去掉,然后再勾上,此时自定义模块就被相册模块挡住了,最后记得保存。)
最后,重新进入空间,再点“自定义”,找到你刚才建的模块,自己编辑一下,往评论里加入代码,之后关掉空间[3],以后再进去就都是你定义的效果了。
具体方法如下:
首先,点击“自定义”进入“新建模块”然后输入模块名称后别急着往评论里加入代码。
在调整好刚才建好的模块的位置后,点“自定义”菜单中的“保存”(要隐藏自定义模块可以采用将其放到其它模块的下面,具体方法是将自定义模块放到比如相册模块处,点“模块管理”将相册前面的勾去掉,然后再勾上,此时自定义模块就被相册模块挡住了,最后记得保存。)
最后,重新进入空间,再点“自定义”,找到你刚才建的模块,自己编辑一下,往评论里加入代码,之后关掉空间,以后再进去就都是你定义的效果了。
cx3838438.qzone.qq.com
oppo手机相册怎么调全屏
OPPO手机“相册”APP中可存储和查看照片、图片、动图和视频等,“相册”APP有三个模块,分别是“照片、图集和发现”。接下来我们就来看看“相册”APP中“照片”模块可以进行哪些操作吧~照片:存储和查看照片、图片、动图和视频等。照片设置1、「“相册”APP>“照片”界面>点开一张照片」,按需求进行操作。(1)发送:根据实际需求选择发送方式,传输图片或视频。(2)收藏:可对图片或视频进行收藏。(3)编辑:可对图片或视频进行编辑。(4)删除:可对图片或视频进行删除。(5)「更多>添加到(其他图集)」:可将图片或视频添加到其他图集中。(6)「更多>设为壁纸」:可将图片设为手机壁纸。(7)「更多>设为联系人头像」:可将图片设为联系人头像。(8)「更多>设为私密」:可将图片或视频隐藏到私密保险箱中。(9)「更多>投屏播放」:可将图片或视频进行投屏播放。(10)「更多>详细信息」:展示图片或视频的详细信息。本回答适用于所有OPPO机型。
QQ空间全屏代码 怎么用啊
装扮空间——自定义——新建模块
输入新模块名字,比如鼠标,背景等。提交。
然后出现新的对话框,把代码写入评论一栏,其他栏清空。提交。
完成后,保存。
1.qq空间皮肤背景代码:QQ空间不用Q币更换主页皮肤方法
下面是更换QQ皮肤的新代码(2005年11月29日测试可用):
img src="javascript:document.getElementById('Mlogo').style.background='url(http://顶部一条图片地址)';document.getElementById('all').style.background='url(http://背景图片地址)';"
如果你不想改顶部图片条的话只要这样就够了:
img src="javascript:document.getElementById('all').style.background='url(http://背景图片地址)';"
设置顶部图片条透明度:
img src="javascript:Mlogo.style.filter='alpha(opacity=30)';"
把30用0-100中喜欢的不透明度代替。100为不透明,0为完全看不见的透明。
我们只要把上面代码中的两处“图片地址”,更改你自己喜欢的皮肤地址,就可以了,同样代码都是加到评论里,(提醒:代码中有两处地址,都要改, 那些代码是要放在新建的模块(当然,也可以在你原有的新建模块里增加一个项目)里的评论里的(自定义-个性模块--新建模块-板块名称-网页对话筐-评论-(图片栏和地址栏的http要删除) -点个保存方式-保存-关于做出来得模块,我们要隐藏它)
那么要怎么样才知道皮肤的网络地址呢?
首先 我们先进入:QQ个人空间—装扮空间-皮肤-看到自己自己喜欢的皮肤点右键-属性-可以看到皮肤地址(请注意那并不是放入皮肤代码的皮肤网络地址)
例如,网络位置:
比如上图-现在:我们右键点皮肤小图片的,属性,看地址那拦,对照一下和皮肤网络位置的地址有什么区别,嘻嘻~看出来了吧,pre/2/50.gif和orig/2/50.gif不一样哦,也就是说只要我们把装扮空间里的皮肤地址里的pre—改为orig
例如: (商场装扮空间里的皮肤展示的地址)
改为:(实际的皮肤图片地址)
注意:由于腾讯QQ空间方面做了限制,通过以上方法得到的皮肤图片地址如果直接用到代码里面是无法显示的。
免费的东西难道又没得用了?有一个方法,如果我们把皮肤图片文件下载下来,上传到别的网页空间再调出来,是可以显示的。例如上面这个,上传到本站,得到地址:,所以,代码就是:
img src="javascript:document.getElementById('all').style.background='url()';"
你可以用以上方法下载了QQ空间里的图片文件后上传到免费的网页空间去(例如论坛、博客等)得到图片文件的地址。当然,你也可以用你在网页上看到的任何图片做皮肤,看到喜欢的图片点右键-属性-地址-复制,OK,HOHO,喜欢什么皮肤想换就换,很简单吧~
2.QQ空间代码之QQ空间导航代码
什么是QQ空间导航?看右边这个图,就是“主页”、“日志”这些东西,每个人的都一样,是不是很没有个性啊?好的,就改改他。先看这个自定义字的导航代码:
img src="javascript:bt_1.innerText='主 页';bt_2.innerText='日记簿';bt_3.innerText='音乐厅';bt_4.innerText='留言簿';bt_5.innerText='相册集';bt_6.innerText='过家家';bt_7.innerText='主人家';bt_8.innerText='谁踩我';"
这代码里面的中文字可以随便改,但是不要超过3个中文字,多了就不好看了。
是不是觉得文字的还不过瘾,好,下面来看FLASH的。先来看全屏显示的FLASH的代码:
img src="javascript:document.getElementById('Mlogo').innerHTML+='div style=\'position:absolute;top:0;left:0;\'EMBED src=\'地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'/div';"
这个代码里“WIDTH=\'925\' HEIGHT=\'655\'”是FLASH的宽度和高度,可根据FLASH的大小和位置以及在QQ空间出现的地方调整,“\'地址\'”就是FLASH导航文件的地址,这个地址去那里找呢?网上有很多,我找了一个做示范,看这个地址:,那么代码就是:
img src="javascript:document.getElementById('Mlogo').innerHTML+='div style=\'position:absolute;top:0;left:0;\'EMBED src=\'\';;;; quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'/div';"
上面的这个导航是放在右边的,如果是放在上面的导航条,例如这个:,那 HEIGHT 选65就可以了,代码为:
img src="javascript:document.getElementById('Mlogo').innerHTML+='div style=\'position:absolute;top:0;left:0;\'EMBED src=\'\';;;; quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'65\' TYPE=\'application/x-shockwave-flash\'/div';"
如果你想将原来的导航条去掉,请看清除导航条代码:
img src="javascript:bt_1.style.display='none';bt_2.style.display='none';bt_3.style.display='none';bt_4.style.display='none';bt_5.style.display='none';bt_6.style.display='none';bt_7.style.display='none';bt_8.style.display='none';" style="display:none;"
假如有人只想去掉其中一个或多个导航,可以这样改,举个例子:比如去掉迷你屋,按顺序来排的话迷你屋的序号是6,所以,可以将代码改成:
img src="javascript:bt_6.style.display='none'" style="display:none;"
如果你想将设置顶部图片去掉,腾出空间放导航条,可用请看代码:
img src="javascript:Mlogo.style.filter='alpha(opacity=0)';"
注意:去掉以后就看不到“自定义”三个字了,如果你想修改QQ空间的话,就朝大概的那个位置点移动鼠标,看见鼠标变成了可以点击的图案就可以了。不要告诉我你大概都不在哪里吧?
如果想重新显示导航条和顶部图片,将代码删除就可以了。
以下是笔者整理出来的QQ空间的部分FLASH导航条,欢迎大家选用:
使用方法:
在空间首页选择自定义,再点建立新模块,然后把代码写在“评论”这一栏里,其他的可以全部不填。可以参考里QQ空间皮肤代码里的使用说明,是一样的。
3.QQ空间代码之QQ空间透明Flash背景代码
先来看全屏显示的FLASH的代码:
img src="javascript:document.getElementById('Mlogo').innerHTML+='div style=\'position:absolute;top:0;left:0;\'EMBED src=\'地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'/div';"
WIDTH:透明FLASH宽度
HEIGHT:透明FLASH高度
top:透明FLASH与空间顶端的距离
left:透明FLASH与空间左端的距离
以上参数可根据FLASH的大小和位置以及在QQ空间出现的地方调整,不过要想全屏显示的就话就用上面的参数就可以了。这个代码里其实和QQ空间导航代码里的是一样的,只是用途不同,找到合适的FLASH地址就可以了。这个地址去那里找呢?网上有很多,我找了一个做示范,看这个地址:,那么代码就是:
img src="javascript:document.getElementById('Mlogo').innerHTML+='div style=\'position:absolute;top:0;left:0;\'EMBED src=\'\';;;; quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'/div';"
以下是笔者整理出来的QQ空间的部分透明FLASH地址,就不介绍了,大家自己看,喜欢就拿去。
性感的唇
蒲公英
蚂蚁
蓝色的水
雪花飘
雪花飘
枫叶飘
黑客帝国
心
烟花
漂亮
跟着鼠标动的烟火
时间
火
跟着鼠标走的鱼
眼镜
下雨了
跟着鼠标的白色花
枫叶
使用方法:
在空间首页选择自定义,再点建立新模块,然后把代码写在“评论”这一栏里,其他的可以全部不填。可以参考里QQ空间皮肤代码里的使用说明,是一样的
用数码大师制作电子相册如何做到显示全屏?
在使用数码大师制作相片视频时,你的图片和视频比例一致就全屏了
怎样使用数码大师:
一、点击“礼品包相册”选项卡,添加制作电子相册素材
首先,在“礼品包相册”制作对话框,我们可以直观的看到相片、背景音乐、歌词等素材和各种功能设置选项。数码大师制作电子相册的素材分为4类:相片文件、相片特效、背景音乐、相框,我们可以通过相应的选项卡来添加或设置。
二、对电子相册各项参数进行基本设置
在界面下方,可以设置“相片尺寸”,还可以自定义演示的时候,弹出的控制条中的模块和出现状态。还可以设置滚动文字、设置同步歌词的各种文字外观和样式。同时,相片注释还可以在这里选择非常动感的动态注释,或者是高雅的静态注释。相册背景的设置也不例外,支持单色、渐变色、图片等多种背景。
最后,点击“开始导出”按钮,此时,数码大师会开始打包为EXE电子相册的工作,制作电子相册就是这么简单
jQuery实现带滚动导航效果的全屏滚动相册实例
本文实例讲述了jQuery实现带滚动导航效果的全屏滚动相册。分享给大家供大家参考。具体如下:
运行效果图如下:
主要代码如下:
$(function()
{
//加载时的图片
var
$loader=
$('#st_loading');
//获取的ul元素
var
$list=
$('#st_nav');
//当前显示的图片
var
$currImage
=
$('#st_main').children('img:first');
//加载当前的图片
//同时显示导航的项
$('img').load(function(){
$loader.hide();
$currImage.fadeIn(3000);
//滑出导航
setTimeout(function(){
$list.animate({'left':'0px'},500);
},
1000);
}).attr('src',$currImage.attr('src'));
//计算出将被显示的略缩图所在的div元素的宽度
buildThumbs();
function
buildThumbs(){
$list.children('li.album').each(function(){
var
$elem
=
$(this);
var
$thumbs_wrapper
=
$elem.find('.st_thumbs_wrapper');
var
$thumbs
=
$thumbs_wrapper.children(':first');
//每张略缩图占有180像素的宽度和3像素的间距(margin)
var
finalW
=
$thumbs.find('img').length
*
183;
$thumbs.css('width',finalW
+
'px');
//是这元素具有滚动性
makeScrollable($thumbs_wrapper,$thumbs);
});
}
//点击菜单项目的时候(向上向下箭头切换)
//使略缩图的div层显示和隐藏当前的
//打开菜单(如果有的话)
$list.find('.st_arrow_down').live('click',function(){
var
$this
=
$(this);
hideThumbs();
$this.addClass('st_arrow_up').removeClass('st_arrow_down');
var
$elem
=
$this.closest('li');
$elem.addClass('current').animate({'height':'170px'},200);
var
$thumbs_wrapper
=
$this.parent().next();
$thumbs_wrapper.show(200);
});
$list.find('.st_arrow_up').live('click',function(){
var
$this
=
$(this);
$this.addClass('st_arrow_down').removeClass('st_arrow_up');
hideThumbs();
});
//点击略缩图,改变大的图片
$list.find('.st_thumbs
img').bind('click',function(){
var
$this
=
$(this);
$loader.show();
$('img
class="st_preview"/').load(function(){
var
$this
=
$(this);
var
$currImage
=
$('#st_main').children('img:first');
$this.insertBefore($currImage);
$loader.hide();
$currImage.fadeOut(2000,function(){
$(this).remove();
});
}).attr('src',$this.attr('alt'));
}).bind('mouseenter',function(){
$(this).stop().animate({'opacity':'1'});
}).bind('mouseleave',function(){
$(this).stop().animate({'opacity':'0.7'});
});
//隐藏当前已经打开了的菜单的函数
function
hideThumbs(){
$list.find('li.current')
.animate({'height':'50px'},400,function(){
$(this).removeClass('current');
})
.find('.st_thumbs_wrapper')
.hide(200)
.andSelf()
.find('.st_link
span')
.addClass('st_arrow_down')
.removeClass('st_arrow_up');
}
//是当前的略缩图div层滚动
//当鼠标移至菜单层的时候会自动地进行滚动
function
makeScrollable($outer,
$inner){
var
extra
=
800;
//获取菜单的宽度
var
divWidth
=
$outer.width();
//移除滚动条
$outer.css({
overflow:
'hidden'
});
//查找容器上的最后一张图片
var
lastElem
=
$inner.find('img:last');
$outer.scrollLeft(0);
//当用户鼠标离开菜单的时候
$outer.unbind('mousemove').bind('mousemove',function(e){
var
containerWidth
=
lastElem[0].offsetLeft
+
lastElem.outerWidth()
+
2*extra;
var
left
=
(e.pageX
-
$outer.offset().left)
*
(containerWidth-divWidth)
/
divWidth
-
extra;
$outer.scrollLeft(left);
});
}
});
希望本文所述对大家的jQuery程序设计有所帮助。
关于全屏相册代码和全屏相册代码大全的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
- 上一篇:生产管理软件源代码(开源生产管理系统)
- 下一篇:asp艾恩上传类源代码的简单介绍
相关推荐
- 05-05网页图片位置代码(网页设计中图片的位置)[20240505更新]
- 05-05关于nat打洞代码的信息[20240505更新]
- 05-05实现导航界面代码(导航用户界面)[20240505更新]
- 05-05酷代码网站(很酷的代码)[20240505更新]
- 05-05数字货币最新开源代码(数字货币开源代码公布意味着什么)[20240505更新]
- 05-05jquery代码交互(jquery前后端交互)[20240505更新]
- 05-05dreamweaver压缩代码(dreamweaver格式化代码)[20240505更新]
- 05-05网页代码表(网页代码表格边框)[20240505更新]
- 05-05joomlaphp开发代码控制的简单介绍[20240505更新]
- 05-05asp代码(ASP代码转换器)[20240505更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接