wordpress中的滑动框

时间:2013-02-04 23:32:40

标签: javascript jquery wordpress position css-position

我希望我的网站有像[此网站]

这样的滑动框

我可以通过text widget并将position属性设置为fixed来实现此目的。但它不会向下滑动。我必须在这里使用Javascript吗? 谢谢 这是我的代码

    <div id="primary" class="widget-area" role="complementary">
            <ul class="xoxo">

<li id="text-4" class="widget-container widget_text">           <div class="textwidget"><table border="0">
    <tbody>
       <tr>
            <td>
                <p style="text-align: center">
                    <a href="http://nwfighting.com/files/2013/01/jiujitsuofferclean.png">
                        <img class="alignright size-full wp-image-4449" title="jiujitsuoffer" src="http://nwfighting.com/files/2013/01/jiujitsuofferclean.png" alt="" width="200" height="165" />
                    </a>
                </p>
<p style="text-align: center"></p>
                <p style="text-align: center">
                    <span style="font-size: 18px;color: #002aff">
                        <strong>
                            And Get a 2nd Video "Jiu Jitsu Fitness <BR>Secrets!"
                        </strong>
                    </span>
                </p>
                <p style="text-align: center">
                    <strong>
                        <span style="font-size: 16px">
                            And Ask About Our 30 Days Free Offer!
                        </span>
                    </strong>
                </p>
                <p>
                        <p>
                  <p style="text-align: center">
                    <strong>
                        <span style="font-size: 18px">
                            -Enter Your Info Here to Get Your Free Video-
                        </span>
                    </strong>   
                </p>
</p>
                </p>
            </td>
        </tr>
            <td>
<script type="text/javascript" src="https://cn112.infusionsoft.com/app/form/iframe/323c5df08af18d52623818df2e915c02"></script>
            </td>
        </tr>
    </tbody>
</table>
</div>
        </li>           </ul>
        </div><!-- #primary .widget-area -->

1 个答案:

答案 0 :(得分:0)

该网站实际上使用了一个使用Javascript的插件。您只需使用此脚本即可完成

http://wordpress.org/extend/plugins/strx-magic-floating-sidebar-maker/

希望这会有所帮助