Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript wordpress中的滑动框_Javascript_Jquery_Wordpress_Position_Css Position - Fatal编程技术网

Javascript wordpress中的滑动框

Javascript wordpress中的滑动框,javascript,jquery,wordpress,position,css-position,Javascript,Jquery,Wordpress,Position,Css Position,我希望我的网站有类似[这个网站]的滑动框 我可以通过使用文本小部件并将位置属性设置为固定来实现这一点。但它不会向下滑动。我必须在这里使用Javascript吗? 谢谢 这是我的密码 <div id="primary" class="widget-area" role="complementary"> <ul class="xoxo"> <li id="text-4" class="widget-container widget_te

我希望我的网站有类似[这个网站]的滑动框

我可以通过使用
文本小部件
并将
位置
属性设置为
固定
来实现这一点。但它不会向下滑动。我必须在这里使用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 -->

  • 并获得第二个视频“柔术健身
    秘诀!”

    询问我们的30天免费优惠!

    -在此处输入您的信息以获取免费视频-


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

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

希望这会有所帮助

是的,您需要JS来实现页面滚动时的幻灯片效果。你没有解释为什么{position:fixed}不起作用,所以很难知道问题出在哪里。@isherwood请查看我发给你的网站,他们没有使用fixed..@isherwood当我写“fixed”时,它甚至没有显示图像和文本框..我已经更新了code@user1765876我们是来帮助你的。