模块设计模式

最新推荐文章于 2024-04-03 06:00:00 发布

fishegg07

最新推荐文章于 2024-04-03 06:00:00 发布

阅读量222

点赞数

分类专栏：设计模式

本文链接：https://blog.csdn.net/fishegg07/article/details/102984154

版权

设计模式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

   <body>
       <style>
           .abc{
               width:100px;
               height:100px;
           }
       </style>
       <div class="abc">

       </div>
       <button οnclick="base.skin(1)">皮肤1</button>
       <button οnclick="base.skin(2)">皮肤2</button>
       <script>
           var base = (function(){
               var fish = '你是一个大傻瓜！！！';
               var eat = function(dom){
                   var element = $(dom);
                   element.css({color:'#000',fontSize:'20px',fontWeight:'700'}).text(fish)
                   element.click(function(){
                       $(this).animate({width:'200px'},'slow',function(){

                           element.append("<p>变化了！</p>")
                       })
                   })
               }
               var skin = function(val){
                   $("#skin").attr('href','./css/skin'+val+'.css');
               }

               return {
                   eat:function(dom){
                       eat(dom);
                   },
                   skin:function(val){
                       skin(val);
                   }
               }
           })();

           base.eat('.abc')

       </script>