美术学校项目

project for fine art school

本文关键字：项目 学校      更新时间：2023-09-26

我是一所美术学校的（法语）学生，我在这个项目中做了一个关于内存的项目，计算机需要忘记你写的文本。。。

我知道html和css，但我刚开始用javascript。。。

我需要更改或随机删除文本区域中的一些字母（或单词）；就像你正常写文本一样，当你写了5行文本时，第一行开始改变：有些字母改变了（A变成了F或M），或者有些被删除了。。。而文本毫无意义。但作者们可能看不到变化，它必须非常谨慎（不透明或类似的缓慢变化）

谢谢你的帮助！

欢迎来到SO！你的项目听起来很有趣。关于SO，我们要求您提出具体的问题。由于你的问题是开放式的，你收到了几张反对票。所以，为了帮助你开始，我会给你这些想法。

  1. 不能在文本区域中运行动画效果。你当然可以更改内容，但在用户打字时这样做可能不会很好。

  2. 话虽如此，也许用户可以键入文本区域，但实际内容会被复制到其他地方的div中。

  3. 动画效果需要发生在元素上。要淡出单个字母，你必须将它们包裹在一个跨度中。

  4. 这其实很复杂，所以试着在so上一个接一个地问你的问题。从你的主要问题开始，然后提供一小段关于你试图完成的事情。

  5. 以下是一些基础知识，希望能帮助你开始学习。

http://jsfiddle.net/6Btxb/

<div id="content">&nbsp;</div><br />
<input type="text" /><br />
Key Pressed: <div id="keycode"></div>
<button>Fade out and change a letter</button>

 

$('input').keyup(function(e) {
    //in javascript you are returned a keycode as opposed to the actual 
    //letter pressed. So to work with all languages
    //I monitor keyup instead. But this means you have to clear the textarea as 
    //the user types    
    //show the keycode of the pressed key
    $('#keycode').html(e.keyCode);
    //append the typed letter to the content div
    //do you need to handle delete / cut and paste?
    $('#content').append('<span>' + $(this).val() + '</span>');
    //clear textbox
    $(this).val('');
});
$('button').click(function() {
    //find how many spans are in the content div
    var spanCount = $('#content span').length;
    //get the index of a random letter
    var randomNum = randomFromTo(0, spanCount);
    //create a random letter
    $('#content span').eq(randomNum).fadeOut(1000, function() {
        //this is a callback to the fade out animation
        //change the letters value
        $(this).html(randomLetter());
        //fade back in
        $(this).fadeIn(1000);
    });
});
//generate random number between 
function randomFromTo(from, to) {
    return Math.floor(Math.random() * (to - from + 1) + from);
}
function randomLetter() {
    var letters = 'abcdefghijklmnopqrstuvwxyz';
    return letters [Math.floor(Math.random()*letters .length)];
}
相关文章：