我有一个带溢出的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) 我制作了一个登录检查脚本,该脚本检查用户名和密码是否与数据库中设置的帐户匹配。一切正常,但实际上不区分大小写!如何使此脚本也检查大写/小写?例如:我有一个用户名: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) 无论如何,可以从样式表中更改此文本的x值吗?
<text class =“ jqx-chart-axis-text” x =“ 7” y =“ 11” width =“ 50” height =“ 37” cursor =“ default”> 70000
我有一个包含一定数量的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) 我正在尝试建立一个使用woo commerce的网上商店,这似乎是一个非常好用且易于使用的系统.但我真的遇到了麻烦.很多时候代码中都有这样的函数:do_action( 'woocommerce_checkout_order_review' )它输出一些我真正想要改变的HTML.提供的文档并没有让我更聪明.如何更改此HTML.我真的很感激任何帮助,试图了解这是如何工作的!
我创建了一个表单,您可以从下拉菜单中选择一个选项.选择选项后,将为文本字段设置值.我还想要发生的是它在值之后关注那个文本字段.例如:我从下拉列表中选择Facebook," http://www.facebook.com/ "显示为文本字段的值.选择Facebook时,焦点也会转到已添加值的最后一个字符后的文本字段.
我用我所拥有的东西制作了一个JSFiddle:
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)