hbuilder制作模态框

这两天接到一个需求是制作一个模态框,


hbuilder制作模态框_第1张图片
20180306154549.png

hbuilder制作模态框_第2张图片
20180306154608.png

需求的流程是第一次点击上面的按钮,出现遮罩层和icon的图标,第二次点击的时候,icon图标消失,出现海报图,然后点击空白处,模态框消失。
上代码:


    
    
    
    
    
    
    
    
    
    
    
    
    
    



    



遇到的bug:
1 在制作第二个模态框时,当时a标签的href属性未加JavaScript:;导致点击的时候,都是刷新了,出现不了第二个模态框

你可能感兴趣的:(hbuilder制作模态框)