相册全屏代码(照片 全屏)
admin 发布:2022-12-19 07:43 114
本篇文章给大家谈谈相册全屏代码,以及照片 全屏对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
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程序设计有所帮助。
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空间皮肤代码里的使用说明,是一样的
vivox23手机相册怎么能把相片设置成全屏
设置拍照全屏的方法:
1、进入相机拍照界面,点击右上角图标--(画幅)--选择全屏;
2、进入相机拍照界面--顶部长方形图标--选择全屏。
相册全屏代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于照片 全屏、相册全屏代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-09网页代码,网页代码快捷键
- 05-07简历源代码可以上传照片的简单介绍[20240507更新]
- 05-06单页网站的代码(完整的网页代码)[20240506更新]
- 05-06个人主页图片代码(个人主页图片代码怎么弄)[20240506更新]
- 05-06提取微信名片代码(微信名片信息提取)[20240506更新]
- 05-06php后台权限管理代码(php管理员权限)[20240506更新]
- 05-06付费观看代码php(付费观看代码)[20240506更新]
- 05-06在线html执行代码(html怎么运行)[20240506更新]
- 05-06源代码管理资源管理器(资源管理器运行代码)[20240506更新]
- 05-06代码源软件库(程序代码库)[20240506更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接