javascript - wordpress中的滑动框

标签 javascript jquery wordpress position css-position

我希望我的网站有像 [this site] 这样的滑动框

我可以通过文本小部件并将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 -->

最佳答案

该网站实际上使用了一个使用 Javascript 的插件。您可以简单地使用这个脚本并完成它

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

希望对你有帮助

关于javascript - wordpress中的滑动框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14697696/

相关文章:

javascript - 选择选项的文本在选择后不同

wordpress - 在 htaccess 中将 http 重定向到 https 时出现问题

php - WordPress wp_list_pages - 将父项的子项从 URLS 更改为#anchor 链接

javascript - 是否可以将动态命名的属性添加到 JavaScript 对象?

javascript - JavaScript 中的 if 语句逻辑有什么问题?

javascript - 使用 jQuery 更改 data-src 值不起作用

php - WooCommerce 显示产品缩略图并添加到购物车按钮

javascript - 调整大小后重新排序 div

javascript - Nodejs 消息队列 vs 宏任务队列

jquery - 在 typeahead.js 中使用预取而不是本地时出现问题