<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0">
<channel>
<title>深山工作室 https://www.qwbm.com【图形特效】</title>
<link>https://www.qwbm.com/news.asp?id=35</link>
<description>图形特效 https://www.qwbm.com</description>
<category>图形特效</category>
<language>zh-cn</language>
<docs>https://www.qwbm.com/rss.asp</docs>
<generator>https://www.qwbm.com</generator>
<webMaster>565449214@qq.com</webMaster>
<managingEditor>565449214@qq.com</managingEditor>
<pubDate>2007-11-21 下午 23:11:35</pubDate>
<lastBuildDate>2026/5/3 6:47:50</lastBuildDate>
<ttl>20</ttl> 
<copyright>Copyright 2026 深山工作室 https://www.qwbm.com</copyright>
<item>
<guid>628</guid>
<title>div+css黑色焦点图(幻灯片效果非常 不错)</title>
<link>https://www.qwbm.com/new.asp?id=628</link>
<description><![CDATA[

以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;base href="http://hi.baidu.com/koen_li"&gt;
&lt;title&gt;黑色风格的JS焦点图&lt;/title&gt;
&lt;style type="text/css"&gt;
*{margin:0;padding:0;border:0;list-style:none;}
body{padding:20px;background:#eee;}
#myfocus{wi]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=628</source>
<category>图形特效</category>
<pubDate>2010/7/2 13:05:11</pubDate>
</item>
<item>
<guid>587</guid>
<title>javascript实现图片预览功能</title>
<link>https://www.qwbm.com/new.asp?id=587</link>
<description><![CDATA[ 
 
以下为详细代码 
&lt;!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"&gt; 
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 
&lt;head&gt; 
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; 
&lt;title&gt;javascript实现图片预览功能&lt;/title&gt; 
&lt;/head&gt; 
&lt;body&gt; 
&lt;input id="myfile" type="file" /&gt; 
&lt;br /&gt; 
&lt;img src="" alt="Image to be upload." /&gt; 
&lt;div id="info"&gt;&lt;/div&gt; 
&lt;script type="te]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=587</source>
<category>图形特效</category>
<pubDate>2009/12/22 14:07:42</pubDate>
</item>
<item>
<guid>544</guid>
<title>比较实用的利用javascript按比例相应缩放图片大小</title>
<link>https://www.qwbm.com/new.asp?id=544</link>
<description><![CDATA[
  
  以下为详细代码
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
  &lt;title&gt;比较实用的利用javascript按比例相应缩放图片大小&lt;/title&gt;
  &lt;script language="JavaScript" type="text/javascript"&gt;
  &lt;!--
  function DrawImage(ImgD,FitWidth,FitHeight){
  var image=new Image(]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=544</source>
<category>图形特效</category>
<pubDate>2009/9/4 8:18:31</pubDate>
</item>
<item>
<guid>543</guid>
<title>一个效果非常不错图片载入loading等待效果</title>
<link>https://www.qwbm.com/new.asp?id=543</link>
<description><![CDATA[
  
  以下为详细代码
  一个效果非常不错图片载入loading等待效果
  &lt;script&gt;
  function aaa() {
  document.getElementById('aa').innerHTML = '';
  }
  &lt;/script&gt;
  &lt;div style="margin:300px 0px 0px 300px;"&gt;
  &lt;div id="aa" style="margin-bottom:-30px;"&gt;loading...&lt;/div&gt;
  &lt;div&gt;&lt;img src="/UploadFiles/demo/001.jpg" onload="aaa();" width="100" height="200" border="0" /&gt; &lt;/div&gt;
  &lt;/div&gt;
  
    
    
    
    
    
    
    
    
    
    
    
    
   ]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=543</source>
<category>图形特效</category>
<pubDate>2009/9/4 8:14:31</pubDate>
</item>
<item>
<guid>510</guid>
<title>利用css实现图片选中后显示文字与图片效果</title>
<link>https://www.qwbm.com/new.asp?id=510</link>
<description><![CDATA[
  
  以下为详细代码
  &lt;style type="text/css"&gt;
  .worksbox{width:114px;height:114px;position:relative;}
  .worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
  .worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
  .worksbox a span{display:none; text-align:center; font-size:12px;}
  .worksbox a:hover span{color:#FFF;display:block;background-color:#333;width:114px;position:absolute;top:94px;left:0px;line-height:20px;}
  .]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=510</source>
<category>图形特效</category>
<pubDate>2009/8/3 20:31:31</pubDate>
</item>
<item>
<guid>452</guid>
<title>利用CSS里面的A:hover鼠标滑过缩略图时放大图片</title>
<link>https://www.qwbm.com/new.asp?id=452</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;鼠标滑过缩略图时放大图片&lt;/title&gt;
&lt;style type="text/css"&gt;
&lt;!--
* {margin:0;padding:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
img {border:0}
p {font-size:14px;}
]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=452</source>
<category>图形特效</category>
<pubDate>2009/5/2 21:41:28</pubDate>
</item>
<item>
<guid>448</guid>
<title>留言动态显示图片</title>
<link>https://www.qwbm.com/new.asp?id=448</link>
<description><![CDATA[
以下为详细代码
&lt;title&gt;留言动态显示图片——深山工作室,深山行者优秀个人网页欣赏,企业网站制作——Powered By Qwbm&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
&lt;meta name="KeyWords" content="深山工作室,深山行者优秀个人网页欣赏,企业网站制作"&gt;
&lt;meta name="Description" content="深山工作室,深山行者优秀个人网页欣赏,企业网站制作"&gt;
&lt;meta name="generator" content="dreamwerver8" /&gt;
&lt;meta name="author" content="www.qwbm.com,深山行者" /&gt;
&lt;meta name="copyright" content="Copyright 2008,www.qwbm.com,深山行者,565449214" /&gt]]></description>
<author>admin</author>
<source>https://www.qwbm.com/new.asp?id=448</source>
<category>图形特效</category>
<pubDate>2009/4/27 21:07:44</pubDate>
</item>
<item>
<guid>419</guid>
<title>用Javascript仿flash焦点图片效果支持IE与火狐</title>
<link>https://www.qwbm.com/new.asp?id=419</link>
<description><![CDATA[
以下为详细代码
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;style type="text/css" media="all"&gt;
.d1{width:443px;height:auto;overflow:hidden;border:#666666 2px solid;background-color:#000000;position:relative;}
.loading{width:443px;border:#666666 2px solid;background-col]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=419</source>
<category>图形特效</category>
<pubDate>2009/4/16 20:25:37</pubDate>
</item>
<item>
<guid>330</guid>
<title>图片链接默认链接为灰色，鼠标放上去变彩色css效果代码</title>
<link>https://www.qwbm.com/new.asp?id=330</link>
<description><![CDATA[
以下为详细代码
&lt;STYLE type=text/css&gt;
a img {FILTER:gray}
a:hover img {FILTER:}
&lt;/STYLE&gt;
&lt;h2&gt;图片链接默认链接为灰色，鼠标放上去变彩色css效果代码&lt;/h2&gt;
&lt;a href="http://www.qwbm.cn"&gt;&lt;img src="/UploadFiles/demo/002.jpg" border="0"&gt;&lt;/a&gt;
&lt;br /&gt;


  
  
  
  
  
  
  
  
  
  
  
  
  
  
   

]]></description>
<author>admin</author>
<source>https://www.qwbm.com/new.asp?id=330</source>
<category>图形特效</category>
<pubDate>2008/10/22 20:48:16</pubDate>
</item>
<item>
<guid>264</guid>
<title>一个几个图片来回变幻的超炫的图片转换效果</title>
<link>https://www.qwbm.com/new.asp?id=264</link>
<description><![CDATA[
以下为详细代码
一个几个图片来回变幻的超炫的图片转换效果
&lt;script language="JavaScript1.1"&gt;
&lt;!--
var slidespeed=2000
var slideimages=new Array("/UploadFiles/demo/001.jpg","/UploadFiles/demo/002.jpg","/UploadFiles/demo/003.jpg","/UploadFiles/demo/004.jpg")
var slidelinks=new Array("")
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i&lt;slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=264</source>
<category>图形特效</category>
<pubDate>2008/6/9 21:09:07</pubDate>
</item>
<item>
<guid>261</guid>
<title>利用CSS的position定位属性定义一个顶部飘动的柳叶效果非常酷</title>
<link>https://www.qwbm.com/new.asp?id=261</link>
<description><![CDATA[
以下为详细代码
&lt;EMBED style="LEFT: 150px; WIDTH: 600px; POSITION: absolute; TOP: 10px; HEIGHT: 500px" align=right src=/UploadFiles/demo/liu.swf width=500 height=500 type=application/octet-stream wmode="transparent" quality="high" ;;&gt;&lt;/EMBED&gt;&lt;EMBED style="LEFT: 150px; WIDTH: 600px; POSITION: absolute; TOP: 20px; HEIGHT: 500px" align=right src=/UploadFiles/demo/cloud.swf width=500 height=500 type=application/octet-stream wmode="transparent" quality="high" ;;&gt;&lt;/EMBED&gt;&lt;img src]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=261</source>
<category>图形特效</category>
<pubDate>2008/6/9 20:34:03</pubDate>
</item>
<item>
<guid>258</guid>
<title>当鼠标移到图片上时会发生梦幻般轮流变化的图片特效</title>
<link>https://www.qwbm.com/new.asp?id=258</link>
<description><![CDATA[
以下为详细代码

[当鼠标移到图片上时会发生梦幻般轮流变化的图片特效]共3步
1、将以下代码加入&lt;head&gt;&lt;/head&gt;之间
&lt;style&gt;
.filter1 {filter:revealTrans(Duration=2.0,Transition=23)}
&lt;/style&gt;
2.在&lt;body&gt;语句中加入:onload="startChange()"
例如：&lt;body  onload="startChange()"&gt;
3.将以下代码加入&lt;body&gt;&lt;/body&gt;之间
&lt;script language="JScript"&gt;
var cache1, cache2, vache3;
cache1 = new Image();
cache1.src = "/UploadFiles/demo/003.jpg";
cache2 = new Image();
cache2.src = "/UploadFiles/demo/004.jpg";
cache3 =]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=258</source>
<category>图形特效</category>
<pubDate>2008/6/7 22:38:41</pubDate>
</item>
<item>
<guid>257</guid>
<title>图片渐显轮流播放</title>
<link>https://www.qwbm.com/new.asp?id=257</link>
<description><![CDATA[
以下为详细代码
===[图片的渐显轮流播放]共3步===
1、将以下代码加入&lt;head&gt;&lt;/head&gt;之间
&lt;script language=javaScript&gt;
&lt;!--//
sandra0 = new Image();
sandra0.src = "/UploadFiles/demo/002.jpg";
sandra1 = new Image();
sandra1.src = "/UploadFiles/demo/003.jpg";
sandra2 = new Image();
sandra2.src = "/UploadFiles/demo/004.jpg";
var i_strngth=1
var i_image=0
var imageurl = new Array()
imageurl[0] ="/UploadFiles/demo/002.jpg"
imageurl[1] ="/UploadFiles/demo/003.jpg"
imageurl[2] ="/UploadFiles/demo/00]]></description>
<author>深山行者</author>
<source>https://www.qwbm.com/new.asp?id=257</source>
<category>图形特效</category>
<pubDate>2008/6/7 22:16:43</pubDate>
</item>
</channel>
</rss>
