Fatal编程技术网
  • html/
  • 在html中旋转文本

在html中旋转文本

html

在html中旋转文本,html,Html,我正试图设计一个网站上的旋转文本块，需要从哪里开始，以及如何实现这一点的帮助。我想让它说“我们的业务是你的业务”。在\uu的地方，我想让它用不同的词，如“成长”、“建设”、“帮助”等来轮换。我会编写html代码，熟悉javascript和jquery。我不想用闪光灯。现在，我已经为模型编写了基本代码 <html> <head> <title>Rotating Text</title> <style type="text/css"> bo

我正试图设计一个网站上的旋转文本块，需要从哪里开始，以及如何实现这一点的帮助。我想让它说“我们的业务是你的业务”。在\uu的地方，我想让它用不同的词，如“成长”、“建设”、“帮助”等来轮换。我会编写html代码，熟悉javascript和jquery。我不想用闪光灯。现在，我已经为模型编写了基本代码

<html>
<head>
<title>Rotating Text</title>
<style type="text/css">
body,td,th {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 16px;
    color: #00C;
}
</style>
</head>

<body>
<p><strong>Our Business Is &nbsp; &nbsp; &nbsp; Your Business!</strong></p>

</body>
</html>


旋转文本
正文，td，th{
字体系列：“Arial黑色”，小工具，无衬线；
字体大小：16px；
颜色：#00C；
}
我们的业务就是你的业务
任何帮助都将不胜感激。

您可以使用jQuery轻松完成这一任务，将希望替换的区域替换为span，并使用jQuery将该span的上下文替换为数组中的随机单词

HTML:

<p><strong>Our Business Is <span id='test'>XXX</span> Your Business!</strong></p>

<script type='text/javascript'>
$(document).ready(function(){

    //Sets your words into an array
    var phrases =new Array("growing","building","helping");
    //Selects a random one
    var random = Math.floor(Math.random()*phrases.length);
    //Sets your area to use that random word
    $("#test").text(phrases[random]);

});
</script>

function setRandomWord()
{
    var phrases =new Array("growing","building","helping");
    //Selects a random one
    var random = Math.floor(Math.random()*phrases.length);
    //Sets your area to use that random word
    $("#test").text(phrases[random]);  
}

//Your function will fire every 5 seconds...
setInterval(setRandomWord,5000);

<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function(){
    function setRandomWord(){
        var phrases =new Array("growing","building","helping");  
        $("#test").text(phrases[Math.floor(Math.random()*phrases.length)]);
    }
    setInterval(setRandomWord,3000);
});
</script>
</head>
<body> 
<p><strong>Our Business Is <span id='test'>bettering</span> Your Business!</strong></p>    
</body> 
</html>

复制粘贴的完整代码：

<p><strong>Our Business Is <span id='test'>XXX</span> Your Business!</strong></p>

<script type='text/javascript'>
$(document).ready(function(){

    //Sets your words into an array
    var phrases =new Array("growing","building","helping");
    //Selects a random one
    var random = Math.floor(Math.random()*phrases.length);
    //Sets your area to use that random word
    $("#test").text(phrases[random]);

});
</script>

function setRandomWord()
{
    var phrases =new Array("growing","building","helping");
    //Selects a random one
    var random = Math.floor(Math.random()*phrases.length);
    //Sets your area to use that random word
    $("#test").text(phrases[random]);  
}

//Your function will fire every 5 seconds...
setInterval(setRandomWord,5000);

<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function(){
    function setRandomWord(){
        var phrases =new Array("growing","building","helping");  
        $("#test").text(phrases[Math.floor(Math.random()*phrases.length)]);
    }
    setInterval(setRandomWord,3000);
});
</script>
</head>
<body> 
<p><strong>Our Business Is <span id='test'>bettering</span> Your Business!</strong></p>    
</body> 
</html>


$（文档）.ready（函数（）{
函数setRandomWord（）{
var短语=新数组（“增长”、“构建”、“帮助”）；
$（“#测试”）.text（短语[Math.floor（Math.random（）*phrases.length）]；
}
setInterval（setRandomWord，3000）；
});
我们的业务正在改善您的业务
使用jQuery可以轻松完成这一任务，用span替换要替换的区域，并使用jQuery用数组中的随机词替换该span的上下文

HTML:

<p><strong>Our Business Is <span id='test'>XXX</span> Your Business!</strong></p>

<script type='text/javascript'>
$(document).ready(function(){

    //Sets your words into an array
    var phrases =new Array("growing","building","helping");
    //Selects a random one
    var random = Math.floor(Math.random()*phrases.length);
    //Sets your area to use that random word
    $("#test").text(phrases[random]);

});
</script>

function setRandomWord()
{
    var phrases =new Array("growing","building","helping");
    //Selects a random one
    var random = Math.floor(Math.random()*phrases.length);
    //Sets your area to use that random word
    $("#test").text(phrases[random]);  
}

//Your function will fire every 5 seconds...
setInterval(setRandomWord,5000);

<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function(){
    function setRandomWord(){
        var phrases =new Array("growing","building","helping");  
        $("#test").text(phrases[Math.floor(Math.random()*phrases.length)]);
    }
    setInterval(setRandomWord,3000);
});
</script>
</head>
<body> 
<p><strong>Our Business Is <span id='test'>bettering</span> Your Business!</strong></p>    
</body> 
</html>

复制粘贴的完整代码：

<p><strong>Our Business Is <span id='test'>XXX</span> Your Business!</strong></p>

<script type='text/javascript'>
$(document).ready(function(){

    //Sets your words into an array
    var phrases =new Array("growing","building","helping");
    //Selects a random one
    var random = Math.floor(Math.random()*phrases.length);
    //Sets your area to use that random word
    $("#test").text(phrases[random]);

});
</script>

function setRandomWord()
{
    var phrases =new Array("growing","building","helping");
    //Selects a random one
    var random = Math.floor(Math.random()*phrases.length);
    //Sets your area to use that random word
    $("#test").text(phrases[random]);  
}

//Your function will fire every 5 seconds...
setInterval(setRandomWord,5000);

<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function(){
    function setRandomWord(){
        var phrases =new Array("growing","building","helping");  
        $("#test").text(phrases[Math.floor(Math.random()*phrases.length)]);
    }
    setInterval(setRandomWord,3000);
});
</script>
</head>
<body> 
<p><strong>Our Business Is <span id='test'>bettering</span> Your Business!</strong></p>    
</body> 
</html>


$（文档）.ready（函数（）{
函数setRandomWord（）{
var短语=新数组（“增长”、“构建”、“帮助”）；
$（“#测试”）.text（短语[Math.floor（Math.random（）*phrases.length）]；
}
setInterval（setRandomWord，3000）；
});
我们的业务正在改善您的业务
您可以使用

你可以用

您可以创建一个数组，用所需的单词填充它，然后从该数组中选择一个随机元素

var words = new Array();
words[0] = "word 1";
words[1] = "word 2";
words[2] = "word 3";
words[3] = "words 4";

var randomnumber=Math.floor(Math.random()*4)

alert(words[randomnumber]);
其中4表示随机数将介于0-3之间。要将范围增加到100，只需将4改为101即可

您可以创建一个数组，用所需的单词填充它，然后从该数组中选择一个随机元素

var words = new Array();
words[0] = "word 1";
words[1] = "word 2";
words[2] = "word 3";
words[3] = "words 4";

var randomnumber=Math.floor(Math.random()*4)

alert(words[randomnumber]);
其中4表示随机数将介于0-3之间。将射程增加到，比如说，100，只需将4改为101即可

谢谢你……这就是我的想法，但我的问题是，虽然我可以编辑基本的jQuery和javascript并理解其用法，但我无法编写它。在没有时间间隔的情况下添加演示：）希望它能帮到你。太好了，非常感谢你……我已经复制了它，但在dreamweaver中它对我不起作用预览
Text函数setRandomWord（）{var短语=新数组（“成长”、“构建”、“帮助”）；$（“#测试”）.Text（短语[Math.floor（Math.random（）*短语.length）]；}setInterval（setRandomWord，3000） 我们的业务正在改善您的业务
啊，是的……我忘了……非常感谢，它工作得很好……我将添加一些css，我将很好地添加到文章底部的完整副本粘贴部分，这应该是你所需要的一切。谢谢你……这就是我所想的，但我的问题是，虽然我可以编辑基本的jQuery和javascript并理解它的用法，但我无法编写它，在没有间隔的情况下添加一个演示：）希望它能帮到你。太好了，非常感谢你……我已经复制了它，但它在dreamweaver中对我不起作用预览
Text函数setRandomWord（）{var短语=新数组（“成长”、“构建”、“帮助”）；$（“#测试”）.Text（短语[Math.floor（Math.random（）*短语.length）]；}setInterval（setRandomWord，3000） 我们的业务正在改善您的业务
啊，是的……我忘了……非常感谢，它工作得很好……我要添加一些css，我会很好地在文章底部添加完整的粘贴部分，这应该就是你所需要的。那么你是说像这样的
var words=['Growing'，'building']；var指数=0；函数rotate（）{document.getElementById（'text'）.innerHTML=“我们的业务是”+words[（index++）%（words.length）]+“您的业务！！”；}setInterval（rotate，2000）；body，td，th{字体系列：“Arial黑色”，Gadget，无衬线；字体大小：16px；颜色：#00C；}我们的业务就是您的业务
是的，但是您的
标签需要这样的ID
。
那么您是说这样的
var words=['Growing'，'building']；var指数=0；函数rotate（）{document.getElementById（'text'）.innerHTML=“我们的业务是”+words[（index++）%（words.length）]+“您的业务！！”；}setInterval（rotate，2000）；body，td，th{字体系列：“Arial黑色”，Gadget，无衬线；字体大小：16px；颜色：#00C；}我们的业务就是您的业务
是，但是您的
标签需要这样的ID
..