使用LightBox可以美化图片的显示效果,在点击图片时显示并不用跳转到另一个页面去查看图片,而是在当前页前置显示,并且带有很cool的效果~~

如图:

jQuery.lightbox美化图片显示效果
<p class="wp-caption-text">
  jQuery.lightbox美化图片显示效果(点我就能看到效果啦)
</p>

只要点击图片,就会在当前页面弹出图片的大图,背景遮罩,点击空白处即可关闭大图。动画效果也是很cool的~~~

使用也非常简单,只要四步就能搞定~

1、引入必要的JS文件;5张展现效果时用的图片。


2、引入必要的样式。

3、检查小图处的样式,要在小图外加A标签,其链接为大图,此A标签的title属性为显示该图片的文件名。例如:

””

4、使用jQuery选择器,选择到自己的A标签,然后.lightBox()就OK啦~~~~以下选择器中任选一个使用就可以:


阅读全文

javascript refresh page

  <p>
    Javascript刷新页面的几种方法:<br /> 1     history.go(0)<br /> 2     location.reload()<br /> 3     location=location<br /> 4     location.assign(location)<br /> 5     document.execCommand(&#8216;Refresh&#8217;)<br /> 6     window.navigate(location)<br /> 7     location.replace(location)<br /> 8     document.URL=location.href
  </p>

<p> 自动刷新页面的方法:<br /> 1.页面自动刷新:把如下代码加入<head>区域中<br /> <meta http-equiv=&#8221;refresh&#8221; content=&#8221;20&#8243;><br /> 其中20指每隔20秒刷新一次页面. </p>

<p> 2.页面自动跳转:把如下代码加入<head>区域中<br /> <meta http-equiv=&#8221;refresh&#8221; content=&#8221;20;url=http://www.wyxg.com&#8221;><br /> 其中20指隔20秒后跳转到http:页面//www.wyxg.com </p>

<p> 3.页面自动刷新js版<br /> <script language=&#8221;JavaScript&#8221;><br /> function myrefresh()<br /> {<br />         window.location.reload();<br /> }<br /> setTimeout(&#8216;myrefresh()&#8217;,1000);<span style="color: #008000;"> //指定1秒刷新一次</span><br /> </script> </p>

<p> ASP.NET如何输出刷新父窗口脚本语句<br /> 1.   this.response.write(&#8220;<script>opener.location.reload();</script>&#8221;);   </p>

<p> 2.   this.response.write(&#8220;<script>opener.window.location.href = opener.window.location.href;</script>&#8221;);    </p>

<p> 3.    Response.Write(&#8220;<script>opener.window.navigate(&#8221;你要刷新的页.asp&#8221;);</script>&#8221;) </p>

<p> JS刷新框架的脚本语句 </p>

<p> <span style="color: #008000;">//如何刷新包含该框架的页面用  <br /> </span><script language=JavaScript><br />     parent.location.reload();<br /> </script>    </p>

<p> <span style="color: #008000;">//子窗口刷新父窗口<br /> </span><script language=JavaScript><br />      self.opener.location.reload();<br /> </script><br /> ( 或 <a href=&#8221;javascript:opener.location.reload()&#8221;>刷新</a>    )<br /> <span style="color: #008000;">//如何刷新另一个框架的页面用</span>  <br /> <script language=JavaScript><br />     parent.otherFrameID.location.reload();<br /> </script> </p>

<p> 如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。<br /> <body onload=&#8221;opener.location.reload()&#8221;> 开窗时刷新<br /> <body onUnload=&#8221;opener.location.reload()&#8221;> 关闭时刷新<br /> <script language=&#8221;javascript&#8221;><br /> window.opener.document.location.reload()<br /> </script></td> </tr> </tbody> </table>


阅读全文

© 2026 DigDeeply. All Rights Reserved
作者的图片

DigDeeply

Technology Stack: PHP/Openresty/GoLang, and so on…

Web Development Engineer

Beijing China