立体图片代码

这篇博客分享了一段通用代码,用于制作和置入立体图片。通过一系列步骤,包括进入博客首页快捷工具栏,选择装扮博客,添加自定义模块,复制代码并保存修改,可以将立体图片设置为博客首页的内容。

引用

江南墨客网易博客代码(二十四)(立体图片)

<EMBED  pluginspage=http://www.macromedia.com/go/getflashplayer
align=middle src=http://flash.picturetrail.com/pflicks/m_acrobatcube.swf width=200
height=200 type=application/x-shockwave-flash FLASHVARS="img1=图片1
&amp;type=2&amp;op=0.jpg&amp;img2=图片2&amp;type=2&amp;op=0.jpg&amp;img3=图片3&amp;type=2&amp;op=0.jpg&amp;img4=图片4&amp;img5=图片5&amp;img6
=图片6&amp;type=2&amp;op=0.jpg&amp;faceopacity=80&amp;backopacity=
100&amp;cubecroptofit=1&amp;enlargecroptofit=0&amp;test=1" WMODE="transparent" LOOP="false" QUALITY="high" BGCOLOR="#FFFFFF" >

 

<embed src="http://flash.picturetrail.com/pflicks/boxes_r.swf" loop="false"
quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=
50.10&ptxy=450.16&hue=3&img1=图片1&img2=图片2&img3=图片3&img4=图片4&img5=图片5&img6=图片6&img7=图片7&img8=图片8&img9=图片9" wmode="transparent" bgcolor="#ffffff" width="360" height="380" align="middle" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed>

 

<embed src="http://flash.picturetrail.com/pflicks/m_bookhorizontal_r.swf" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=
50.10&ptxy=400.16&img1=图片1&img2=图片2&img3=图片3&img4=图片4&img5=图片5&img6=图片6&img7=图片7&img8=图片8" loop="false" quality="high" bgcolor="#ffffff" width="400" height="290" align="middle" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed>

 

<embed src="http://flash.picturetrail.com/pflicks/l_cube_r.swf" loop="false"
quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=
50.10&ptxy=284.16&img1=图片1&img2=图片2&img3=图片3&img4=图片4" wmode="transparent" bgcolor="#ffffff" width="400" height="300" align="middle" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed>

 

<embed src="http://flash.picturetrail.com/pflicks/l_puzzle_r.swf" loop="false"
quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=
50.10&ptxy=400.16&auto=1&wait=4&img1=图片1&img2=图片2&img3=图片3&img4=图片4&img5=图片5&img6=图片6&img7=图片7&img8=图片8" wmode="transparent" bgcolor="#ffffff" width="400" height="360" align="middle" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed>

<embed src="http://flash.picturetrail.com/pflicks/l_geometric_r.swf" loop=
"false" quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=
50.10&ptxy=400.16&auto=1&wait=4&img1=图片1&img2=图片2&img3=图片3&img4=图片4&img5=图片5&img6=图片6&img7=图片7&img8=图片8" wmode="transparent" bgcolor="#ffffff" width="400" height="320" align="middle" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed>

<embed src="http://flash.picturetrail.com/pflicks/l_kscope_r.swf" loop="false"
quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&ptdim=
50.10&ptxy=300.16&auto=1&wait=4&img1=图片1&img2=图片2&img3=图片3&img4=图片4&img5=图片5&img6=图片6&img7=图片7" wmode="transparent" bgcolor="#ffffff" width="300" height="320" align="middle" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed>

 

<embed src="http://flash.picturetrail.com/pflicks/l_pendant_r.swf" loop="false"
quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf
&
ptdim=
50.10&ptxy=300.16&auto=1&wait=4&hue=1&img1=图片1&img2=图片2&img3=图片3&img4=图片4&img5=图片5&img6=图片6&img7=图片7&img8
=图片8" wmode="transparent" bgcolor="#ffffff" width="300" height="320" align="middle" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer">
</embed
>

通用代码:

<embed src="http://flash.picturetrail.com/pflicks/l_pendant_r.swf"
loop="false" quality="high" FlashVars="logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&
ptdim=50.10&ptxy=300.16&auto=1&wait=4&hue=1&img1=图片地址1&img2=图片地址2&
img3=图片地址3" wmode="transparent" bgcolor="#ffffff" width="300" height="320" align="middle" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed
>

说明:

通用代码中更改flash地址就可更改各种样式

以上代码把红色部分改为你的图片地址即可

------------------------------------------------------------------------------------------------------------------------------

置入博客首页的方法:

  1. 进入快捷工具栏(博客首页左上角)→
  2. 点装扮博客工具栏→
  3. 点设置首页内容→
  4. 点添加自定义模块→
  5. 复制上述语法後粘贴上→
  6. 点确定→
  7. 将模块移到想要显示的位置→
  8. 点保存修改(博客首页右上角),即可。

花草分割线 - 璐 - 沈国浪子——天边云

[自用版]博客日志下拉文本框的使用 - miaozk2006 - miaozk2006

【友善提示】
欢迎光临miaozk2006的博客!
本博资料大部分来自于互联网,其版权归原作者或其他合法者所有。如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!
喜欢转载本博客日志的朋友注意!请您点击日志下方的“引用”,再点“-引用此篇日志到我的博客”!请勿删去出处!删除引用链接是剽窃行为,剽窃可耻!!!这是你对你自己人格的污辱,请你自重。要珍惜博主的劳动,尊重他人就是尊重你自己,谢谢你的支持配合!
纯CSS实现鼠标经过3D立体动态展示图片特效代码 @charset "utf-8"; *{ margin:0; padding:0; } body{ max-width: 100%; min-width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-size:100% 100%; position: absolute; margin-left: auto; margin-right: auto; } li{ list-style: none; } .box{ width:200px; height:200px; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-size:100% 100%; position: absolute; margin-left: 42%; margin-top: 22%; -webkit-transform-style:preserve-3d; -webkit-transform:rotateX(13deg); -webkit-animation:move 5s linear infinite; } .minbox{ width:100px; height:100px; position: absolute; left:50px; top:30px; -webkit-transform-style:preserve-3d; } .minbox li{ width:100px; height:100px; position: absolute; left:0; top:0; } .minbox li:nth-child(1){ background: url(img/01.png) no-repeat 0 0; -webkit-transform:translateZ(50px); } .minbox li:nth-child(2){ background: url(img/02.png) no-repeat 0 0; -webkit-transform:rotateX(180deg) translateZ(50px); } .minbox li:nth-child(3){ background: url(img/03.png) no-repeat 0 0; -webkit-transform:rotateX(-90deg) translateZ(50px); } .minbox li:nth-child(4){ background: url(img/04.png) no-repeat 0 0; -webkit-transform:rotateX(90deg) translateZ(50px); } .minbox li:nth-child(5){ background: url(img/05.png) no-repeat 0 0; -webkit-transform:rotateY(-90deg) translateZ(50px); } .minbox li:nth-child(6){ background: url(img/06.png) no-repeat 0 0; -webkit-transform:rotateY(90deg) translateZ(50px); } .maxbox li:nth-child(1){ background: url(img/1.png) no-repeat 0 0; -webkit-transform:translateZ(50px); } .maxbox li:nth-child(2){ background: url(img/2.png) no-repeat 0 0; -webkit-transform:translateZ(50px); } .maxbox li:nth-child(3){ background: url(img/3.png) no-repeat 0 0; -webkit-transform:rotateX(-90deg) translateZ(50px); } .maxbox li:nth-child(4){ background: url(img/4.png) no-repeat 0 0; -webkit-transform:rotateX(90deg) translateZ(50px); } .maxbox li:nth-child(5){ background: url(img/5.png) no-repeat 0 0; -webkit-transform:rotateY(-90deg) translateZ(50px); } .maxbox li:nth-child(6){ background: url(img/6.png) no-repeat 0 0; -webkit-transform:rotateY(90deg) translateZ(50px); } .maxbox{ width: 800px; height: 400px; position: absolute; left: 0; top: -20px; -webkit-transform-style: preserve-3d; } .maxbox li{ width: 200px; height: 200px; background: #fff; border:1px solid #ccc; position: absolute; left: 0; top: 0; opacity: 0.2; -webkit-transition:all 1s ease; } .maxbox li:nth-child(1){ -webkit-transform:translateZ(100px); } .maxbox li:nth-child(2){ -webkit-transform:rotateX(180deg) translateZ(100px); } .maxbox li:nth-child(3){ -webkit-transform:rotateX(-90deg) translateZ(100px); } .maxbox li:nth-child(4){ -webkit-transform:rotateX(90deg) translateZ(100px); } .maxbox li:nth-child(5){ -webkit-transform:rotateY(-90deg) translateZ(100px); } .maxbox li:nth-child(6){ -webkit-transform:rotateY(90deg) translateZ(100px); } .box:hover ol li:nth-child(1){ -webkit-transform:translateZ(300px); width: 400px; height: 400px; opacity: 0.8; left: -100px; top: -100px; } .box:hover ol li:nth-child(2){ -webkit-transform:rotateX(180deg) translateZ(300px); width: 400px; height: 400px; opacity: 0.8; left: -100px; top: -100px; } .box:hover ol li:nth-child(3){ -webkit-transform:rotateX(-90deg) translateZ(300px); width: 400px; height: 400px; opacity: 0.8; left: -100px; top: -100px; } .box:hover ol li:nth-child(4){ -webkit-transform:rotateX(90deg) translateZ(300px); width: 400px; height: 400px; opacity: 0.8; left: -100px; top: -100px; } .box:hover ol li:nth-child(5){ -webkit-transform:rotateY(-90deg) translateZ(300px); width: 400px; height: 400px; opacity: 0
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值