将样式添加到JavaScript小部件

时间:2015-11-11 16:35:54

标签: javascript jquery html css

我想为JavaScript Widget添加一些样式,但我已经尝试过使用CSS并且不起作用。

这是我的.js

YUI().use('tabview', function (Y) {
            var tabview = new Y.TabView({
                children: [{
                    label: '<div>Tecnología y negocios</div>',
                    content:'<section class="texto">En los últimos<img class="imapple" alt="" src="images/apple.png" height="400" width="400"/></section>'
                },
                {
                    label: '<div>La telefonía móvil</div>',
                    content:'<div class="texto">Repasamos<img alt="" src="images/exposiciones.jpg" height="700" width="700"/></div>'
                },
                {
                    label: '<div>Alan Turing</div>',
                    content:'<div class="texto">En la entrada<img alt="" src="images/alanturing.jpg" height="700" width="500"/></div>'
                },
                {
                    label: '<div>Evolución tecnológica</div>',
                    content:'<div class="texto">En la zona.<img alt="" src="images/evolution.jpg" height="700" width="700" /></div>'
                }]
            }).render('#miTabview');
            if ( !tab.get('active') ) {
                tab.set('contentVisible', false, true); /* hide if not active */
            } else {
                this.set('activeTab', tab, true);

            }
        });

脚本显示在左侧页面的顶部。我希望它在中间。 这是我的HTML

<div class="expo" id="exposiciones">
        <script  src="http://yui.yahooapis.com/3.14.1/build/yui/yui-min.js"></script>
        <script  class="expo" src="js/Exposiciones.js"></script>
 </div>

这里是CSS

.expo{
position: absolute;left: 50px;top: 25px;}    

0 个答案:

没有答案