拡大縮小

2361 ワード

web 拡大縮小 javascript





test





    
        
            
            
        
        
            
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            this is a some text.
            
        
    
    
        $(function(){
            $('button').click(function(){
                var size = $('#content').css('font-size');
                var fontsize = parseFloat(size,10);
                var unit = size.slice(-2);
                var cname = $(this).attr('class');
                if(cname == "bigger"){
                    fontsize += 2;
                }else if(cname == "smaller"){
                    fontsize -= 2;
                }
                $('#content').css('font-size',fontsize+unit);
                  
            });
        })

JavaScriptはページの動的な追加画像を実現します.