小编Fra*_*ans的帖子

使用jQuery scrollTop向上和向下滚动一定量的像素

我有一个带溢出的div中的链接列表.我想要发生的是用户可以使用向上和向下按钮在此菜单菜单中导航.每次用户单击相应的按钮时,我希望div按1个链接元素的高度向上或向下滚动.我尝试了一些代码,但我似乎无法弄清楚如何使它在两个方向上滚动正确的数量.谁能帮我吗?

所有链接都具有相同的类.

编辑:

我已经设法向上和向下滚动.现在我只需要滚动1个链接高度的小步骤.

$(function() {
var ele   = $('#scroller');
var speed = 10, scroll = 5, scrolling;

$('.scroller-btn-up').click(function() {
    // Scroll the element up
    scrolling = window.setInterval(function() {
        ele.scrollTop( ele.scrollTop() - scroll );
    }, speed);
});

$('.scroller-btn-down').click(function() {
    // Scroll the element down
    scrolling = window.setInterval(function() {
        ele.scrollTop( ele.scrollTop() + scroll );
    }, speed);
});

$('.scroller-btn-up, .scroller-btn-down').bind({
    click: function(e) {
        // Prevent the default click action
        e.preventDefault();
    },
    mouseleave: function() {
        if (scrolling) {
            window.clearInterval(scrolling);
            scrolling = false;
            } …
Run Code Online (Sandbox Code Playgroud)

javascript jquery scrolltop

6
推荐指数
1
解决办法
6441
查看次数

如何检查用户名和密码是否区分大小写?

我制作了一个登录检查脚本,该脚本检查用户名和密码是否与数据库中设置的帐户匹配。一切正常,但实际上不区分大小写!如何使此脚本也检查大写/小写?例如:我有一个用户名:AdMin密码:My43sGG。如果我在登录字段中输入admin和my43sgg,它也将起作用。

我的脚本:

<?php

// connect to the database
include("config.php");

// username and password sent from form 
$myusername=$_POST['myusername']; 
$mypassword=$_POST['mypassword']; 

// To protect MySQL injection
$myusername = stripslashes($myusername);
$mypassword = stripslashes($mypassword);
$myusername = mysql_real_escape_string($myusername);
$mypassword = mysql_real_escape_string($mypassword);
$sql="SELECT * FROM " .$members. " WHERE username='$myusername' and password='$mypassword'";
$result=mysql_query($sql);

// Mysql_num_row is counting table row
$count=mysql_num_rows($result);

// If result matched $myusername and $mypassword, table row must be 1 row
if($count==1){

// Register $myusername, $mypassword and redirect to file "login_success.php"
session_register("myusername");
session_register("mypassword"); 
header("location:index.php");
} …
Run Code Online (Sandbox Code Playgroud)

php mysql sql

3
推荐指数
1
解决办法
1万
查看次数

从CSS更改SVG文本的x值

无论如何,可以从样式表中更改此文本的x值吗?

<text class =“ jqx-chart-axis-text” x =“ 7” y =“ 11” width =“ 50” height =“ 37” cursor =“ default”> 70000

html css svg

2
推荐指数
2
解决办法
2905
查看次数

纯粹的jquery方法,用于将每个9 img包装在div中

我有一个包含一定数量的img的div.让我们说21.我想做的是每9个img包围一个div.我能以什么方式实现这一目标?

我的html结构:

<div id="parent">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
   <img src="#">
</div>
Run Code Online (Sandbox Code Playgroud)

哪个应该成为:

<div id="parent">
   <div>
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
   </div>
   <div>
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
      <img src="#">
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

2
推荐指数
1
解决办法
108
查看次数

改变用do_action输出的woo商务HTML

我正在尝试建立一个使用woo commerce的网上商店,这似乎是一个非常好用且易于使用的系统.但我真的遇到了麻烦.很多时候代码中都有这样的函数:do_action( 'woocommerce_checkout_order_review' )它输出一些我真正想要改变的HTML.提供的文档并没有让我更聪明.如何更改此HTML.我真的很感激任何帮助,试图了解这是如何工作的!

php wordpress woocommerce

2
推荐指数
1
解决办法
1万
查看次数

使用jquery将文本字段的值聚焦在其值之后

我创建了一个表单,您可以从下拉菜单中选择一个选项.选择选项后,将为文本字段设置值.我还想要发生的是它在值之后关注那个文本字段.例如:我从下拉列表中选择Facebook," http://www.facebook.com/ "显示为文本字段的值.选择Facebook时,焦点也会转到已添加值的最后一个字符后的文本字段.

我用我所拥有的东西制作了一个JSFiddle:

http://jsfiddle.net/dgUrj/

JS:

$(document).ready(function() {
    //Add the right URL prefix for social media
    $('select').change(function() {
        console.log(this.value);
        if(this.value == "Facebook"){
         $('#social-url').val("http://www.facebook.com/");
        }
        if(this.value == "Twitter"){
         $('#social-url').val("http://www.twitter.com/");
        }
        if(this.value == "LinkedIn"){
         $('#social-url').val("http://www.linkedin.com/");
        }
    });

});
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

1
推荐指数
1
解决办法
118
查看次数

标签 统计

javascript ×3

jquery ×3

html ×2

php ×2

css ×1

mysql ×1

scrolltop ×1

sql ×1

svg ×1

woocommerce ×1

wordpress ×1