我试图创造一个轻微的视差效果(我不确定它是否真的构成了视差,但它是一个类似的想法).当鼠标移动时,有四个层以略微不同的速率移动.
我找到了一个很好的例子,可以提供类似于我想要的东西:
它通过#landing-content在鼠标移动时移动div 上的背景位置来实现这一点.
$(document).ready(function(){
$('#landing-content').mousemove(function(e){
var x = -(e.pageX + this.offsetLeft) / 20;
var y = -(e.pageY + this.offsetTop) / 20;
$(this).css('background-position', x + 'px ' + y + 'px');
});
});
但是,我无法找到一种方法来让这种方法不是在background-position班次上工作,而是在div位置转换上.例如position:relative;,top:xdiv本身就会移动一点点.
我的理由是div包含CSS动画元素,因此它需要是包含内部内容的div,而不是背景图像.
使用上述代码的任何解决方案？
我已经创建了一个响应式网格,并使用em作为字体大小来调整文本大小,但我不能完全理解em的工作方式,因为没有调整文本大小.
直播网站:http: //www.rubytuesdaycreative.co.uk/testsite/shop.html
按照Ethan Marcottes的书,我将身体字体设置为font-size:100%然后在上面链接的页面上的文本中作为2ems进行制作 - 因此基本尺寸加倍......我做错了吗？它似乎根本没有变化.
我在一个元素上有一个锚点,使导航跳转到那一点.然而,锚点将其捕捉到视口的顶部.由于固定导航,它现在隐藏在后面.
是否可以使锚点不会捕捉到视口的顶部而是向下移动200px？
我正在为我的单页网站使用平滑的滚动脚本.它滚动到每个锚点.
由于设计原因,我无法将锚点直接拖到页面顶部.我不得不创建隐藏在页面上方的锚点,因此它不会精确地捕捉到顶部.
这是我目前使用的脚本:
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({
scrollTop: $('[name="' + this.hash.substring(1) + '"]').offset().top
}, 500);
});
});
我被告知我可以在此脚本中进行偏移.我可以简单地在顶部添加一些东西来抵消一定数量的像素,而不是将这些隐藏的锚点放在任何地方.这将是前250 -
$('html,body').animate({
scrollTop:$('[name="' + this.hash.substring(1) + '"]').offset().top - 250
}, 500);
问题是这会使偏移总是250px,我需要它是可变的,例如,投资组合div可以锚定200px的偏移,但联系div只有50px.
任何人都可以帮我写一些选择器到脚本中,这将允许我调整这个顶部 - [变量]基于哪个div被锚定？
使用响应式网站,因此我无法使用设置宽度.
我需要图片到所有裁剪到正方形.我无法定义精确的测量值,因为它还需要具有max-width:100%响应的图像,以调整它相对于容器的大小(相对于浏览器的宽度).
我已经看到很多建议使用的解决方案,background-image但这不可能,它必须是一个img标签.它也必须在IE8中工作.
有任何想法吗？
我目前有:
.views-field-field-photo img {
width: 100%;
height: auto;
}
<div class="field-content">
<img src="imagehere" >
</div>
http://fh80.student.eda.kent.ac.uk/fyp/实例
如果你看到这个页面,点击运动/场地/运动员等,它可以让你浏览,但它通过AJAX全部调用.
这工作正常,但我遇到内联链接问题.例如:
去体育
去田径运动
以红色转到"Hampden Park"链接
此链接不会在AJAX窗口中重新加载,它会在新窗口中加载...
这个代码应该尽可能地设置类ajaxLink,以便将AJAX页面加载到div中#grid(与所有其他页面的方式相同)
var newLink = $('.ajaxLink');
newLink.click(function (e) {
$.ajax({
url: newLink.attr('href'),
type: 'POST',
success: function (data) {
$('#grid').remove();
successHandler(data)
}
});
e.preventDefault();
});
这是我正在使用的AJAX的代码(很长):
//on document ready
$(function () {
var ajaxElement = $('#browserMenu a, .ajaxLink');
ajaxElement.on('click', function (e) {
var src = $(this).attr('href');
console.log(src);
//this element clicked
var thisEl = $(this);
var runAJAX = (src && src != '#') ? true : false;
if (runAJAX) { …我正在尝试包含一个PHP文件,它位于我的Wordpress主题文件的根目录中.
例如localhost/mywordpresssite/wp-content/themes/mytheme/myfile.php
我试图从footer.php位于的文件中调用它parts > shared
例如localhost/mywordpresssite/wp-content/themes/mytheme/parts/shared/footer.php
我可以确认,当访问浏览器中的完整URL时,文件确实显示,所以它绝对是正确的路径.
我无法以多种不同的方式包含此文件:
<?php
$stylesheet_root = get_stylesheet_directory_uri();
include $stylesheet_root.'/myfile.php';
?>
这应该找到样式表URI然后找到该文件,但是我收到此错误:
没有找到合适的包装纸
我理解这种情况发生的原因是它不安全并且allow_url_include默认情况下是关闭的,那么最好的方法是什么？
这似乎是一种相当明智的方式,因为文件将始终是彼此相对的两个目录.但这似乎什么都不做.它仍然在同一目录中查找文件:
<?php include '../../myfile.php'; ?>
然而,即使此处放置的URL在浏览器中进行了测试并成功加载了正确的文件,此STILL也不起作用.它不会加载到包含的文件中...
<?php include 'localhost/mywordpresssite/wp-content/themes/mytheme/twitter-feed.php'; ?>
给出错误:
警告:include(localhost/mywordpresssite/wp-content/themes/mytheme/twitter-feed.php):无法打开流:/ Applications/MAMP/htdocs/mywordpresssite/wp-content/themes/mytheme中没有此类文件或目录第3行/parts/shared/footer.php
我还可以做些什么？
我正在使用AJAX从XML文件中获取数据并将其打印回给我.其中一个是日期,并使用此代码:
jQuery(function(){
$.ajax({
url: 'http://www.sagittarius-digital.com/news.rss',
dataType: 'xml'
}).done(function(xml){
var items = $(xml).find('item').map(function(){
var $item = $(this);
var array = '<div class="item">';
array += '<p>' + $item.find('pubDate').text() + '</p>';
return array;
所以行:
array += '<p>' + $item.find('pubDate').text() + '</p>';
带回这样的日期:
Mon, 18 Nov 2013 12:00:00 GMT
如何将其转换为YYYMMDD？时间不是必需的.
实时版本在行动(大错误,需要一段时间加载)
我有以下代码行:
document.getElementById("question_*").setAttribute("disabled", "false");
我想使用一种通配符形式的元素ID.该脚本由许多不同的按钮运行和使用,它们都有问题ID something- 是否可以使这个setAttribute按钮启用各种ID？
<button id="question_1a" onClick="nextQuestion(this.id)" disabled>Next question</button>
编辑:
我按照建议切换到了一个类名.按钮现在是:
<button id="question_1a" class="nextButton" disabled>Next question</button>
我添加了以下行以使其不被禁用:
var elems = document.getElementsByClassName('nextButton').setAttribute("disabled", "false");
但我得到:未捕获的TypeError:对象#没有方法'setAttribute'
我有以下发送电子邮件的功能:
function send_email($email){
$subject = "TITLE";
$message = "HERE IS THE MESSAGE";
// Always set content-type when sending HTML email
$headers = "MIME-Version: 1.0" . "\r\n";
$headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";
// More headers
$headers .= 'From: <emaily>' . "\r\n";
mail($email,$subject,$message,$headers);
}
$message我想调用email.html保存模板的文件,而不是字符串.
我添加了这个:
require 'email.html';
但是我怎么能在文件中调用呢？
$ message = [在这里调用email.html]