日度归档:2020年6月7日

css 如何实现当鼠标放上去图片变大呢?


摘要:
下文讲述使用css代码实现鼠标放上时,图片变大的方法分享,如下所示

 实现思路:
     使用hover伪类实现当鼠标放上去时,修改其宽度属性,达到图片变大的目的

例:

<meta charset ='utf-8'  /> 
<style>
div#resize a:hover{position: absolute;}
div#resize a:hover img{width: 180px;}
</style>

<p>
  maomao365.com <br />
  css实现鼠标放上去图片变大的示例分享
</p>
<hr />

<div id="resize">
<a href="#">
<img src="http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png" 
border=0  width="100px"></a>
</div>
css实现当鼠标放上去时图片变大的示例分享

css实现当鼠标放上去时图片变大的示例分享

javascript 如何使用js脚本读取操作系统指定文件夹下面的内容呢?


摘要:
下文讲述javascript中js脚本读取操作系统指定文件夹下的文件名的方法分享,如下所示:

实现思路:
    借助 ActiveXObject对象中的 "Scripting.FileSystemObject",即可读取出指定文件夹下的文件信息 
注意事项:
     此方法只可在window环境下的IE浏览器中运行

例:

<html>
<head>
<meta charset="utf-8">
<script>
function searchFiles(){
    var fso = new ActiveXObject("Scripting.FileSystemObject");
    var f = fso.GetFolder(document.all.fixfolder.value);
    var fc = new Enumerator(f.files);
    var s = "";
    for (; !fc.atEnd(); fc.moveNext())
        {
            s += fc.item();
            s += "<br/>";
        }
        fk = new Enumerator(f.SubFolders);
        for (; !fk.atEnd(); fk.moveNext())
        {
        s += fk.item();
        s += "<br/>";
        }

        textarea.innerHTML = s
}
</script>
</head>
<body>
<p>
maomao365.com <br />
js检索指定路径下的文件:
</p>
<hr />

待检索路径:<input type="text" name="fixfolder" value ="d:\\tmp">
<input type="button" value ="获取" onclick="searchFiles()">
<table >
<tr>
<td id = "textarea">

</td>
</tr>
</table>

</body>
</html>
javascript 使用js获取指定路径下的文件信息的示例分享

javascript 使用js获取指定路径下的文件信息的示例分享