现在的位置: 首页学习笔记>正文
PHPJS效果做头像窗口.
发表于6年前 学习笔记 评论数 2

因为今天有点事,更新章比较简单的... - -/

做了这个头像后,上次我安装过JSEclipse

然后我把头像点击那个效果选中状态做出来,然后用其他的方法.

看是否能出现同样效果.

在目录文件夹建立一个JS文件目录然后建立一个JS的文件命名为FACE

在注册页面的头部敲下这个代码.

PHPJS效果

  1. <script type="text/javascript" src="js/face.js"></script>   
  2. 在我才建立的face.js文件敲入alert('JS引入成功');测试一下是否JS调用完成了.   
  3. window.onload=function()加载后在执行   
  4. //等网页加载完毕再执行.constructor   
  5. window.onload=function(){   
  6.     alert('JS引入成功');   
  7. 这句就是测试这个加载函数的.   
  8.   
  9. 总结完,我们就继续.   
  10. window.onload=function(){   
  11.     var faceimg=document.getElementById('faceimg');   
  12.     alert(faceimg);   
  13. 起个名字让他获取ID然后打印出来   
  14. alert(faceimg.src);这个就是获取路径.   
  15.   
  16. JS代码如下:   
  17. window.onload=function(){   
  18.     var faceimg=document.getElementById('faceimg');   
  19.      faceimg.onclick=function(){   
  20.         window.open('face.php','face','width=400,height=400,top=0,left=0,scrollbars=1');   
  21.     }   
  22. };   
  23.   
  24. 然后把那注册页面那一行代码改成   
  25. <dd class="face"><img src="face/1.gif" alt="头像选择 " id="faceimg" /></dd>   
  26. ID设置为faceimg   
  27. 就可以和开始一样的效果了.   
  28.   
×
腾讯微博