【www.naimujj.com--a型血】

现实带字图片(一)
点击文字显示图片

1、HTML代码 [html] view plaincopyprint?

1.

2.

3.

4.

5. <div class="sq_left"> <p class="phover"> <a href="javascript：void(0)" onclick="document.getElementById('light').style.disp> 6. <span style="" class="ahover">点击这里</span></a> 7. </p> 8.

9. <div id="light" class="white_content">

10. 关注我们 <a href="javascript：void(0)" 11. onclick="document.getElementById('light').style.disp

12. style="float: right ;color:red;">关闭【现实带字图片】

</a> <img src="/images/qrcode.jpg" alt=""

13. width="190px" height="190px">

14. </div>【现实带字图片】

15. <div id="fade" class="black_overlay"></div> 16.【现实带字图片】

17. </div>

2、css [css] view plaincopyprint? 1. .black_overlay{

2. display: none;

3. position: fixed; 4. top: 0%; 5. left: 0%;【现实带字图片】

6. width: 100%;

7. height: 100%;

8. background-color: black;

9. z-index:1001; 10. -moz-opacity: 0.3;

11. opacity:.30;

12. filter: alpha(opacity=88); 13. }

14. .white_content {

15.

16. text-align: center; 17. display: none;

18. position: absolute; 19. top: -4%;

20. left: 32%;

21. width: 230px;

22. height: 230px;

23. padding: 10px;

24. background-color:white; 25. z-index: 1002;

26. overflow: auto;

27. }

28. .ahover{

29. color: red;【现实带字图片】

30. cursor: pointer;

31. }

32. .phover a:hover {

33. text-decoration: NONE; 34. }

现实带字图片(二)
我们要在一起一辈子_爱的简单而真实的带字情侣头像

现实带字图片(三)
很真实入心的纯文字个性头像

现实带字图片(四)
霸气的带字女生头像_就算没有你我的生活照样精彩

现实带字图片(五)
懂的生活洒脱的纯文字个性头像

现实带字图片(六)
爱与不爱都很霸道_超拽带字男生头像

现实带字图片(七)
个性文字头像_真正的勇者敢于面对惨淡的人生

现实带字图片(八)
分手后各自安好的带字男生头像

本文来源：http://www.naimujj.com/xingmingsuanming/19899.html