javascript-鼠标按每个图片的时候对应弹出内容

1.刚才按的图片

2.弹出后内容的效果图

3.弹出后内容的效果图

                
{$CATEGORYS[9][catname]}
                
                
       
                
                
                    

                    

                        
                            
                                
                                    ×
                                
                                

                                    {$CATEGORYS[9][catname]}
                                
                            
                            
                                
                                    

                                        

                                            {pc:content  action="lists" catid="9" order="id DESC" num="4"}
                                            {loop $data $key $val}
                                            
                                                
{$val['title']}
                                                

                                                
                                               
                                                
                                                
{$val['description']}
                                            
                                            {/loop}
                                            {/pc}
                                        
                                       
                                    
                                   

                                
                            
                            
                                
                                    关闭
                                

                            
                        

                    

                

                
{$CATEGORYS[9][description]}
            

2.刚才按的图片

 
                {pc:content  action="lists" catid="9" order="id DESC" num="4"}
                {loop $data $key $val}
                
                    
                        
                        
                            
{$val['title']}
                        
                    
                

                {/loop}
                {/pc}

            

大师，如何把每个图片弹出对应的内容？怎么做？对了，这是phpcms语法。

回复内容：

1.刚才按的图片

2.弹出后内容的效果图

3.弹出后内容的效果图

                
{$CATEGORYS[9][catname]}
                
                
       
                
                
                    

                    

                        
                            
                                
                                    ×
                                
                                

                                    {$CATEGORYS[9][catname]}
                                
                            
                            
                                
                                    

                                        

                                            {pc:content  action="lists" catid="9" order="id DESC" num="4"}
                                            {loop $data $key $val}
                                            
                                                
{$val['title']}
                                                

                                                
                                               
                                                
                                                
{$val['description']}
                                            
                                            {/loop}
                                            {/pc}
                                        
                                       
                                    
                                   

                                
                            
                            
                                
                                    关闭
                                

                            
                        

                    

                

                
{$CATEGORYS[9][description]}
            

2.刚才按的图片

 
                {pc:content  action="lists" catid="9" order="id DESC" num="4"}
                {loop $data $key $val}
                
                    
                        
                        
                            
{$val['title']}
                        
                    
                

                {/loop}
                {/pc}

            

大师，如何把每个图片弹出对应的内容？怎么做？对了，这是phpcms语法。

第一种方法

点击图片的时候用ajax去获取里面相关内容

第二种方法

可以把这些弹窗内容先写好然后点击图片找对应的弹窗显示出来

对应关系少可以用第二种，弹窗太多就用第一种吧